*{margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;font-family:sans-serif}.landing-page{position:relative;height:100vh;width:100%;background-color:#e6e7ee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.landing-page .top-nav-bar{position:absolute;top:0;left:0;width:100%;padding:20px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.landing-page .top-nav-bar .language{padding:10px 20px;border-radius:100px;-webkit-box-shadow:5px 5px 10px #cbced1, -5px -5px 10px #fff;box-shadow:5px 5px 10px #cbced1, -5px -5px 10px #fff;font-size:1rem;font-weight:600;letter-spacing:1px;color:rgba(0,0,0,0.6)}.landing-page .top-nav-bar .right{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.landing-page .top-nav-bar .right .btn-wrapper{height:70%;width:43px;border-radius:100px;-webkit-box-shadow:5px 5px 10px #cbced1, -5px -5px 10px #fff;box-shadow:5px 5px 10px #cbced1, -5px -5px 10px #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition-duration:400ms;transition-duration:400ms}.landing-page .top-nav-bar .right .btn-wrapper img{height:60%;-webkit-filter:none;filter:none}.landing-page .top-nav-bar .right .btn-wrapper:hover{cursor:pointer}.landing-page .top-nav-bar .right .btn-wrapper:active{-webkit-box-shadow:none;box-shadow:none}.landing-page .top-nav-bar .right img{height:100%;-webkit-filter:drop-shadow(7px 7px 4px #cbced1) drop-shadow(-7px -7px 4px #fff);filter:drop-shadow(7px 7px 4px #cbced1) drop-shadow(-7px -7px 4px #fff)}.landing-page .search-container{padding:0 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-transform:translateY(-40px);transform:translateY(-40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.landing-page .search-container .hero{height:150px}.landing-page .search-container .hero img{height:100%}.landing-page .search-container .search-bar-wrapper{height:60px;width:500px;padding:0 20px;background-color:#e6e7ee;border-radius:30px;-webkit-box-shadow:7px 7px 14px #cbced1, -7px -7px 14px #fff;box-shadow:7px 7px 14px #cbced1, -7px -7px 14px #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;-webkit-transition-duration:400ms;transition-duration:400ms}.landing-page .search-container .search-bar-wrapper img{height:40%}.landing-page .search-container .search-bar-wrapper input{height:100%;width:100%;background-color:rgba(0,0,0,0);outline:none;border:none;font-size:1.2rem;font-family:sans-serif}.landing-page .search-container .search-bar-wrapper:hover{-webkit-box-shadow:none;box-shadow:none}.landing-page .search-container .btn-container{padding:0 10px;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.landing-page .search-container .btn-container button{height:50px;width:170px;background-color:#e6e7ee;font-size:1rem;font-weight:700;color:rgba(0,0,0,0.6);border-radius:30px;border:none;outline:none;-webkit-box-shadow:5px 5px 10px #cbced1, -5px -5px 10px #fff;box-shadow:5px 5px 10px #cbced1, -5px -5px 10px #fff;-webkit-transition-duration:300ms;transition-duration:300ms}.landing-page .search-container .btn-container button:hover{cursor:pointer}.landing-page .search-container .btn-container button:active{-webkit-box-shadow:none;box-shadow:none}.github-link{position:fixed;z-index:10000;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.github-link p{color:black}.github-link p a,.github-link p a:visited{color:blue}@media screen and (max-width: 900px){.landing-page{width:100%}.landing-page .top-nav-bar{padding:20px}.landing-page .top-nav-bar .right img{height:70%}.landing-page .search-container{width:100%}.landing-page .search-container .hero{height:100px}.landing-page .search-container .search-bar-wrapper{width:100%}.landing-page .search-container .btn-container{width:100%;gap:15px}.github-link{width:100%;text-align:center}}