@import"https://fonts.googleapis.com/css2?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";canvas{position:absolute;top:0;left:0;z-index:-1}*{padding:0;margin:0;font-family:Poppins,sans-serif}body{overflow:hidden;background-color:#99ecff}.loader-cloud,.loader-stars{height:100%;width:100%;position:absolute}.loader-stars>img{width:3rem}.loader-cloud .cloud-move{position:absolute}.loader-cloud .cloud-move:nth-child(1){width:18rem;left:10rem;top:-2rem;animation:40s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(2){width:18rem;left:39rem;top:5rem;animation:50s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(3){width:18rem;left:10rem;top:15rem;animation:60s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(4){width:18rem;left:-11rem;top:27rem;animation:30s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(5){width:18rem;left:-11rem;top:4rem;animation:30s infinite linear cloud-move}.loader-stars .star-bg:nth-child(1){position:absolute;z-index:-1;top:-5rem;width:100%}.loader-stars .star-bg:nth-child(2){position:absolute;z-index:-1;width:100%;top:17rem}.cloud img{position:absolute}.container{position:relative}.preloader{display:flex;align-items:center;justify-content:center;width:100%}.loader-wrapper{overflow:hidden;position:relative;display:grid;place-content:center;height:100vh}.preloader-logo{animation:.3s show-logo ease-in-out;width:5.5rem}@keyframes show-logo{0%{opacity:0;transform:translateY(200px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.svg-wrapper{height:100vh;width:100%;position:absolute;top:1200px}.svg-wrapper .cloud-group .cloud-move,.svg-wrapper .cloud-group .cloud-placeholder,.svg-wrapper .stars-group .star{position:absolute}.svg-wrapper .cloud-group img:nth-child(1){width:12rem;top:3rem;left:27rem}.svg-wrapper .cloud-group img:nth-child(2){width:12rem;top:-2rem;left:49rem}.svg-wrapper .cloud-group img:nth-child(3){width:10rem;top:0;left:11rem;animation:50s infinite linear cloud-move}.svg-wrapper .cloud-group img:nth-child(4){width:12rem;top:6rem;left:15rem;animation:20s infinite linear cloud-move}.svg-wrapper .cloud-group img:nth-child(5){width:10rem;left:38rem;top:2rem;animation:30s infinite linear cloud-move}.svg-wrapper .stars-group .star-bg{position:absolute;top:unset;width:100%}.svg-wrapper .stars-group>img{width:3rem;animation:2s alternate infinite star}@keyframes cloud-move{0%{transform:translate(-210px)}to{transform:translate(1300px)}}@keyframes star{0%{filter:unset}to{filter:drop-shadow(0px 0px 10px rgb(251,255,0))}}#main{top:1200px;position:absolute;z-index:100;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#main>.main-background{width:100%;position:absolute;bottom:0;left:0;z-index:-1}.main-container{text-align:center;text-transform:uppercase;text-shadow:2px 1px 0 #F58C04;color:#fff}.btn{display:flex;align-items:center;justify-content:center;text-decoration:none;color:unset;padding:1.1rem;text-transform:uppercase;margin:20px 0}.btn-primary{background-color:#f58c04}header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}header h1{font-size:3rem;line-height:1}header .btn{border-radius:.5rem;box-shadow:2px 4px #00000040;font-weight:700;font-size:1.125rem;line-height:1.75rem}header .btn:hover{box-shadow:8px 10px #0000007f}header .logo{width:7.5rem}.app-container{width:100%;display:flex;justify-content:center}.card{border-radius:.75rem;background:rgba(22,76,152,.8);padding:1rem;width:55rem}.grid-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:30px}.app-container img{width:6.5rem}.grid-item{cursor:pointer;width:fit-content;text-shadow:none}.grid-item:hover{text-shadow:2px 4px 0 rgb(0,0,0,50%)}.grid-item>h2{font-size:1.5rem;line-height:2rem}.detail-wrapper{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:column-reverse}.detail-overlay.show{width:100%;height:100vh;background-color:#00000041}.detail-close-icon{font-size:30px;cursor:pointer;color:#f58c04;position:sticky;top:15px;height:fit-content}.detail-content{position:absolute;width:100%;background-color:#fff;height:100%;max-height:25rem;overflow-y:auto}.detail-container{padding:4rem 5rem}.detail-content-item{height:100%;display:flex;gap:2rem}.close-mobile{display:none}.detail-content-description>.detail-title{color:#f58c04;font-size:1.875rem;line-height:2.25rem;font-weight:700}.detail-content-description>p{margin-top:1rem;font-size:1rem;line-height:1.5rem;font-weight:500;color:#1d2739}.detail-content-description{max-width:20rem;position:sticky;height:fit-content;top:25px}.detail-content-list{max-width:45rem;width:100%;padding:1rem;display:flex;flex-direction:column;gap:1rem}.detail-content-list .list-app{border-bottom:1px solid #A1A1A1;padding-bottom:1rem}.detail-content-list .list-app>a{text-decoration:none;color:#164c98;font-size:1.25rem;line-height:1.75rem;font-weight:600}@media screen and (max-width: 991.98px){.loader-cloud,.loader-stars{height:100%;width:100%;position:absolute}.loader-cloud .cloud-move{position:absolute}.loader-cloud .cloud-move:nth-child(1){width:21%;left:5vh;top:16vh;animation:40s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(2){width:21%;left:10vh;top:50vh;animation:50s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(3){width:21%;left:22vh;top:33vh;animation:60s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(4){width:21%;left:-5vh;top:63vh;animation:30s infinite linear cloud-move}.loader-cloud .cloud-move:nth-child(5){width:18rem;left:-11rem;top:4rem;animation:30s infinite linear cloud-move}.svg-wrapper .cloud-group .cloud-move,.svg-wrapper .cloud-group .cloud-placeholder,.svg-wrapper .stars-group .star{position:absolute}.svg-wrapper .cloud-group img:nth-child(1){width:12rem;top:3rem;left:0}.svg-wrapper .cloud-group img:nth-child(2){width:12rem;top:-2rem;left:14rem}.svg-wrapper .cloud-group img:nth-child(3){width:10rem;top:15rem;animation:50s infinite linear cloud-move}.svg-wrapper .cloud-group img:nth-child(4){width:12rem;top:2rem;left:-10rem;animation:20s infinite linear cloud-move}.svg-wrapper .cloud-group img:nth-child(5){width:10rem;left:5vh;top:20vh;animation:30s infinite linear cloud-move}.svg-wrapper .stars-group .star-bg{position:absolute;left:-15rem;top:unset;width:unset}.svg-wrapper .stars-group img:nth-child(2){width:3rem;top:8rem;left:unset}.svg-wrapper .stars-group img:nth-child(3){width:3rem;top:9rem;left:15rem}.svg-wrapper .stars-group img:nth-child(4){width:3rem;top:8rem;right:0}@keyframes cloud-move{0%{transform:translate(-210px)}to{transform:translate(1300px)}}@keyframes star{0%{filter:unset}to{filter:drop-shadow(0px 0px 10px rgb(251,255,0))}}.loader-stars .star-bg:nth-child(1){transform:scale(2.5);position:absolute;z-index:-1;top:5rem}.svg-wrapper{overflow-x:hidden}.main-container{padding-top:100px}.grid-container{grid-template-columns:auto;gap:20px}.card{width:70%;padding:10px}header{gap:5px;margin-bottom:5px}header .logo{width:5rem}@media (min-width: 900px){header .logo{width:2rem}}header .btn{font-size:.8rem;line-height:1.5rem}.btn{padding:1rem;margin:10px}header h1{font-size:1.5rem;line-height:2rem}.app-container h2:hover{color:gray}.app-container *{font-size:15px!important}.app-container img{width:20%}.detail-content{max-height:30rem}.detail-title{width:100%;display:flex;justify-content:space-between}.detail-container{padding:1.25rem}.detail-content-description{max-width:unset;top:0;position:unset}.detail-content-list .list-app>a{font-size:15px}.detail-close-icon{display:none}.detail-content-list{padding:unset}.close-mobile{color:#f58c04;display:block;font-size:30px;margin-left:auto}.detail-content-item{flex-direction:column}}@media screen and (min-width: 768px) and (max-width: 1200px){canvas{width:100%}header{margin-top:4rem}header .logo{width:6rem}header h1{font-size:1.875rem;line-height:2.25rem}}@media screen and (max-width: 320px){header h1{font-size:1.25rem;line-height:1.75rem}.main-container{padding:0}.grid-item>img{display:none}}