@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;overflow:hidden}.container{width:100%;height:100vh;display:flex;flex-direction:column}.navbar{background-color:#333;color:#fff;display:flex;justify-content:flex-end;align-items:center;width:100vw;height:auto}.navbar ul{display:flex;width:50%}.navbar ul li{list-style:none;padding:20px}.navbar ul li a{text-decoration:none;color:#fff;padding:20px}.home{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;font-size:1.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.home:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/home-image-D1ashsnP.jpeg);background-size:cover;transition:filter 1s ease;filter:blur(5px) grayscale(100);z-index:-1}.home:hover:before{filter:blur(0px) grayscale(0)}.red{background-color:red;color:#fff}.typewriter{color:green}.about{height:100%;width:100vw;background-color:#686868;color:#fff;font-size:1.5rem;overflow-y:scroll}.about h1,h3{text-align:center;padding:10px;font-family:Bebas Neue,sans-serif;font-weight:100}.odd{background-color:#949494;padding:50px}.even{background-color:#3f3f3f;padding:50px}.next-page{display:flex;justify-content:space-evenly;align-items:center;width:100%;background-color:#949494;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,1);font-size:1.5rem}.next-image{border-radius:15px;opacity:.6;height:300px;margin:20px;width:500px;background-image:url(/assets/next-page-Z2RlwSRO.jpeg);background-size:cover}.left-part{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.next-btn{background-color:#1e4578;color:#fff;border:none;box-shadow:1px 1px 3px #3d050580;font-size:large;padding:10px 20px;border-radius:5px;cursor:pointer}.contact{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.letter{width:80vw;display:flex}.letter form{display:flex;flex-direction:column;gap:.5rem;width:60%;padding:1rem}.letter form label,input{margin-left:.5rem;font-size:1.3rem}.contact-img{background-image:url(https://di2ponv0v5otw.cloudfront.net/posts/2018/06/30/5b377ce7f63eea9cb5d45815/m_5b377cf8a5d7c6c284fc644b.jpg);width:40%;background-size:cover;background-position:center;background-repeat:no-repeat}.submit-btn{font-size:1.3rem;width:50%;padding:.2rem;margin:0 auto;border-radius:12px}.letter label{position:absolute}.edu-body{height:100%;width:100vw;background-color:#121212}.edu-container:before{content:"";position:absolute;background-color:#d87300;height:50%;width:25%;border-radius:50%;filter:blur(100px);right:-10px;bottom:-10%;animation:float 5s linear infinite}@keyframes float{0%{right:-500px}to{right:2200px}}.edu-container:after{content:"";position:absolute;background-color:#00bfd8;height:50%;width:25%;border-radius:50%;filter:blur(100px);left:-10px;top:20%;animation:float-2 3s linear infinite}@keyframes float-2{0%{left:-500px}to{left:2200px}}.edu-container{display:flex;justify-content:center;align-items:center;height:100%;width:100vw;background-color:#121212}.card-wrap{height:20rem;width:15rem;margin:.5rem;padding:10px;font-size:1.7rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform ease .5s;position:relative}.card-wrap:before{filter:blur(1.5rem)}.card{font-size:1.7rem;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;z-index:1}.card-wrap:hover{transform:scale(1.1)}.hover{font-family:Poppins,sans-serif;font-size:1.3rem;display:flex;flex-direction:column;text-align:center;background-color:inherit;z-index:1}.card-wrap:nth-child(odd){background-color:#949494;text-shadow:1px 1px #fff}.card-wrap:nth-child(2n){background-color:#3f3f3f;color:#fff;text-shadow:1px 1px}*{border:1px solid black}.pro-body{overflow:scroll}.grid-container{height:100%;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.grid-container .card{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.card img{height:auto;width:100%}