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;font-style:bold;color:#f7f9f9;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 h4{width:80%;color:#020e2b}.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:#e3e3ec;transition:.5s}#main_container{border:2px solid rgb(232,234,235);display:flex;justify-content:center;flex-direction:column;background-image:url(https://images2.alphacoders.com/608/608608.jpg);background-position:center;background-size:cover;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);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:#f1e0dd21;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}.title{text-align:center;color:#f8f9fa;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,"sans-serif"}.fade-in{opacity:0;transition:opacity .8s ease-in-out}.fade-in.active{opacity:1}@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:97%}.inner-sub-content2{margin-top:0%;width:100%}.navbar-nav .nav-item .nav-link{width:30%;text-align:center}.myBtn{width:30%}.title{font-size:2rem}.inner-sub-content h5{letter-spacing:0rem;word-spacing:0rem;margin-left:-20px!important}}