@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{font-family:Poppins,sans-serif;margin:0;padding:0;text-decoration:none}body{background-color:#e8e8e8}html{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header-container{align-items:center;background-color:#000;display:flex;flex-direction:column;height:80px;justify-content:center;left:0;position:fixed;right:0;z-index:100}.navbar{display:flex;justify-content:space-between;max-width:1024px;width:100%}.navbar a{color:#fff;font-size:20px;font-weight:600;margin:0 30px}@media screen and (max-width:768px){.navbar a{font-size:18px;margin:0 15px}}.home-container{align-items:center;display:flex;height:100vh;justify-content:center}.form-container{border:2px solid #000;border-radius:30px;box-shadow:0 6px #000;height:600px;margin-top:100px;overflow:hidden;padding:20px;position:relative;width:700px}.inputbox,.inputbox2{margin-left:60px;margin-top:15px;position:relative;width:250px}.filter{margin-bottom:70px;margin-left:-20px;margin-top:-10px;position:relative}.inputbox2 .btn-filter{color:#000}.inputbox input,.inputbox2 input{background:transparent;border:none;box-shadow:none;color:#fff;font-size:1em;letter-spacing:.05em;outline:none;padding:20px 10px 10px;position:relative;transition:.5s;width:100%;z-index:10}input[type=date]{color:#e8e8e8}.btn-date{z-index:10}::-webkit-calendar-picker-indicator{background-color:#e8e8e8}.inputbox span,.inputbox2 span{color:#8f8f8f;font-size:1em;left:0;letter-spacing:.05em;padding:20px 10px 10px;pointer-events:none;position:absolute;top:0;transition:.5s}.inputbox input:focus~a,.inputbox input:focus~span,.inputbox input:valid~a,.inputbox input:valid~span,.inputbox2 input:focus~span,.inputbox2 input:valid~span{color:#000;font-size:0,75em;-webkit-transform:translateX(-10px) translateY(-34px);transform:translateX(-10px) translateY(-34px)}.inputbox2 input:focus~span:after,.inputbox2 input:valid~span:after{background-color:#e8e8e8;content:"";height:25px;position:absolute;right:1px;width:50px}.inputbox i,.inputbox2 i{background:#000;border-radius:4px;bottom:0;height:2px;left:0;pointer-events:none;position:absolute;transition:.5s;width:110%;z-index:9}.inputbox input:focus~i,.inputbox input:valid~i,.inputbox2 input:focus~i,.inputbox2 input:valid~i{height:44px}.content{display:flex;flex-direction:column;gap:10px;margin:0 50px 40px}.content textarea{background-color:#000;color:#fff;font-size:1em;padding:10px}.buttonbox{display:flex;justify-content:center}button{--button_radius:0.75em;--button_color:#e8e8e8;--button_outline_color:#000;background:var(--button_outline_color);border:none;border-radius:var(--button_radius);font-size:17px;font-weight:700}.button_top{background:var(--button_color);border:2px solid var(--button_outline_color);border-radius:var(--button_radius);box-sizing:border-box;color:var(--button_outline_color);display:block;padding:.75em 1.5em;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}button:hover .button_top{-webkit-transform:translateY(-.33em);transform:translateY(-.33em)}button:active .button_top{-webkit-transform:translateY(0);transform:translateY(0)}.section1{display:flex;flex-direction:row}.img-box img{margin:25px 0 0 50px;width:300px}@media screen and (max-width:768px){.img-box{display:none}.inputbox{margin:15px;width:80%}.content{margin:15px;width:90%}.form-container{margin:150px 25px}.section1{flex-direction:column}.buttonbox{margin-top:50px}.home-container{height:auto}}.blog-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:100px 0;scroll-margin-top:100px}.blog-container h1{font-size:30px;font-weight:700}.blog-container h4{font-size:15px;font-weight:500;margin-bottom:80px}.card-container{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;max-width:1024px}.empty-container{align-items:flex-start;display:flex;height:500px}.empty-container h3{margin-top:100px}.blog-box,.blogCard{position:relative}.blogCard{border:2px solid #000;border-radius:25px;box-shadow:0 5px #000;cursor:pointer;height:auto;min-height:450px;overflow:hidden;padding:15px;text-align:center;width:300px}.blog-title{font-size:25px;margin-top:40px}.blog-author{margin-top:15px}.blog-author span{font-weight:600}.blog-content{margin-top:20px}.btn{bottom:15px;gap:20px;left:50%;right:50%}.btn,.popUp{position:absolute}.popUp{bottom:0;left:0;right:0;top:0}.popUp-container{align-items:flex-start;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}.blurr{background-color:#000;bottom:0;-webkit-filter:blur(500px);filter:blur(500px);left:0;position:absolute;right:0;top:0}.popUp-container-hide{display:none}.popUp-card{background-color:#e8e8e8;border:2px solid #000;border-radius:30px;box-shadow:0 6px #000;margin:15px;min-height:600px;padding:25px;position:relative;text-align:center;width:500px}.popUp-card .close-btn{border:2px solid #000;border-radius:100%;box-shadow:0 3px #000;cursor:pointer;font-size:15px;font-weight:700;padding:5px 10px;position:absolute;right:15px;top:15px}.popUp-card span{font-weight:600}.popUp-card h2{font-size:30px;margin-top:50px}.popUp-card h4{font-size:18px;font-weight:500;margin-top:20px}.popUp-card p{font-size:18px;margin:-35px 0 30px;text-align:left}.space{margin-left:30px}.footer{align-items:center;background-color:#000;bottom:0;color:#fff;display:flex;height:250px;justify-content:center;left:0;position:relative;right:0;text-align:center}.footer a{color:#fff;font-size:25px;transition:all .2s ease-in-out}.footer a:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.icon-wrapper{align-items:center;display:flex;gap:25px;justify-content:center;margin:20px 0 10px}.footer-box h4,.footer-box h5{font-size:20px;font-weight:500}
/*# sourceMappingURL=main.d31598dd.css.map*/