body{font-family:Nunito,sans-serif;background:linear-gradient(to bottom right,#adeaea 0%,#ffffff 33%,#ffffff 66%,#b0e57c 100%);background-size:cover;background-position:center;height:100vh;max-height:100vh;display:flex;justify-content:center;align-items:center}.content{background:transparent;display:flex;justify-content:space-around;align-items:center;height:70vh;z-index:1}.sub-content{width:80%;display:flex;justify-content:center;align-items:center;flex-direction:column}.inner-sub-content h5{font-size:1rem;color:#faf7ff;font-weight:300;letter-spacing:.1rem;word-spacing:.2rem;font-style:italic}.inner-sub-content2{width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.inner-sub-content2 h3{width:80%;color:#3fddf5}.signinBtn{background:linear-gradient(to right,rgb(0,255,76),rgb(106,250,240));border-radius:25px;border:none;width:100%;color:#d4fdd0;font-size:1.2rem;font-weight:700;transition:.5s}.signinBtn:hover{background:linear-gradient(to right,rgb(106,250,240),rgb(0,255,76));border-radius:15px;width:100%;color:#d5f0ef;transition:.5s}#main_container{border:2px solid rgb(232,234,235);display:flex;justify-content:center;flex-direction:column;background-image:url(https://img.freepik.com/premium-photo/office-desk-workspace-table-background_31965-2763.jpg);background-position:center;background-size:cover;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;box-shadow:0 0 20px #00000080;width:70%;height:85%}.blur-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f111142;border-radius:10px;overflow:hidden}.navbar-toggler .material-symbols-outlined{color:#0f5}.navbar-nav .nav-item .nav-link{background-color:#fff;color:#0cc0e4;border-radius:15px}.navbar-nav .nav-item .nav-link:hover,.navbar-nav .nav-item.active .nav-link{color:#fff;background-color:#0cc0e4;border-radius:15px}.navbar-nav{gap:20px}.slide-in{transform:translate(-100%);transition:transform .8s ease-in-out}.slide-in.active{transform:translate(0)}@media screen and (max-width: 992px){.container{padding:0}}@media screen and (max-width: 768px){.container{padding:0}}@media screen and (max-width: 499px){#main_container{width:90%;height:85%}.px-5{padding-left:0rem!important;padding-right:0rem!important}.mt-5{margin-top:0rem!important}.sub-content{width:95%}.inner-sub-content2{margin-top:5%;width:100%}.navbar-nav .nav-item .nav-link{width:30%;text-align:center}.myBtn{width:30%}}