@charset "UTF-8";footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}*{box-sizing:border-box;padding:0;margin:0;list-style:none}body{font-family:Inter,Helvetica,Arial,sans-serif}main{min-height:100vh}h1{font-size:2rem;color:#37588d;margin-bottom:.6rem;padding-inline:1rem}h2{font-size:1.6rem;margin-bottom:.6rem;margin-top:.6rem}h3{font-size:1.3rem;margin-bottom:.6rem;margin-top:.6rem;text-align:center}p{line-height:1.5;font-size:1rem;max-width:65ch;margin-bottom:1rem}footer{background-color:#2c4671;color:#fff}@media(prefers-color-scheme:light){body{background-color:beige;color:#0c0c0c;transition:background-color .5s ease,color .5s ease}body h2{color:#0c0c0c}}@media(prefers-color-scheme:dark){body{background-color:#2c3e50;color:#fff;transition:background-color .5s ease,color .5s ease}body h1{color:#8eadb3}body h2{color:#fff}body .nav-link{background-color:#7797ca}}body.light-theme{background-color:beige;color:#0c0c0c;transition:background-color .5s ease,color .5s ease}body.light-theme h1{color:#37588d}body.light-theme h2{color:#0c0c0c}body.dark-theme{background-color:#2c3e50;color:#fff;transition:background-color .5s ease,color .5s ease}body.dark-theme h1{color:#8eadb3}body.dark-theme h2{color:#fff}.container{max-width:1440px}header{display:flex;justify-content:space-around;align-items:center;height:150px;padding-inline:.3rem}nav ul{display:flex;align-items:center;gap:1rem}nav a{text-decoration:none}.page-section{display:flex;flex-direction:column;width:900px;justify-items:center;align-items:center;margin:0 auto}.page-section .laptop{border-radius:10px}footer{display:flex;justify-content:center;align-items:center;height:200px;gap:1rem}@media screen and (max-width:1024px){.containter,footer{display:flex;flex-direction:column}.page-section{width:100%;padding:1rem}.page-section .laptop{width:100%;height:auto;border-radius:10px}footer{padding-top:1.5rem}footer p{display:block;word-break:break-word;line-height:1rem;gap:0;text-align:center}footer p a{display:inline-block;margin:0 auto}}.nav-link{background-color:#37588d;color:#fff;padding:10px 20px;border-radius:15px;border:none;cursor:pointer}.nav-link:hover{opacity:.8}body.dark-theme .nav-link{background-color:#7797ca;color:#fff;padding:10px 20px;border-radius:15px;border:none;cursor:pointer}body.dark-theme .nav-link:hover{opacity:.8}.theme-button{background-color:#8eadb3;color:#0c0c0c;padding:10px 20px;border-radius:15px;border:none;cursor:pointer}.theme-button:hover{opacity:.8}.theme-button{display:inline-flex;align-items:center;gap:.2rem;font-weight:600;height:40px}.doughnutChart{margin-bottom:2rem}label{display:block;text-align:center;margin-bottom:1rem}.search-wrapper{display:flex;margin-bottom:2rem;width:100%;max-width:500px}.search-wrapper input{width:100%;min-width:200px;height:40px;padding:.5rem;font-size:1rem;border-right:none}.search-wrapper .searchBtn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:1rem;height:40px;width:auto;font-size:1rem;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:#8eadb3;cursor:pointer}.search-wrapper .searchBtn:hover{opacity:.8}.search-wrapper .searchBtn .serach-icon{display:block;height:24px;width:24px}.map{width:100%;height:50vh;min-height:300px;max-height:600px}.mobile-menu-button{display:none;font-size:1.5rem;z-index:9999;background-color:#37588d;color:#fff;padding:10px 20px;border-radius:15px;border:none;cursor:pointer}.mobile-menu-button:hover{opacity:.8}body.dark-theme .mobile-menu-button{background-color:#7797ca;color:#fff;padding:10px 20px;border-radius:15px;border:none;cursor:pointer}body.dark-theme .mobile-menu-button:hover{opacity:.8}@media screen and (max-width:1024px){.mobile-menu-button{display:block}.menu{display:flex;flex-direction:column;position:fixed;justify-content:center;align-items:center;top:0;right:0;width:200px;background-color:#162b49;z-index:9998;transform:translate(100%);transition-timing-function:ease-out;transition-duration:.45s}.menu ul{display:flex;flex-direction:column;margin-top:150px;min-height:100vh}.menu li{width:100%}.menu a{display:block;text-align:center;width:100%}.menu.active{transform:translate(0)}}@media screen and (max-width:600px){.barChart,.doughnutChart{width:100%;height:auto}.map{height:40vh;min-height:250px}input{width:100%;padding-inline:1rem}.searchBtn{padding:.5rem}}@keyframes typing{0%{width:0ch}20%{width:4ch}40%{width:2ch}60%{width:6ch}80%{width:4ch}to{width:9ch}}.typing-animation{display:inline-block;overflow:hidden;animation-name:typing,cursor;animation-duration:4s,.5s;animation-delay:.5s,0;animation-timing-function:steps(9);animation-iteration-count:1,12;animation-fill-mode:none,forwards;border-right:3px solid #0c0c0c;padding-right:5px}body.dark-theme .typing-animation{border-right-color:#fff}@keyframes cursor{0%,50%{border-right-color:inherit}50.1%,to{border-right-color:transparent}}.title-animation{animation:glowing 2s 5 linear alternate}@keyframes glowing{0%{text-shadow:0 0 5px #577da1,0 0 10px #577da1,0 0 15px #577da1}50%{text-shadow:0 0 20px #577da1,0 0 30px #577da1,0 0 40px #577da1}to{text-shadow:0 0 5px #577da1,0 0 10px #577da1,0 0 15px #577da1}}.image-animation{width:400px;height:auto;transition:transform .8s linear;border-radius:10px}.image-animation:hover{transform:scale(1.05)}.moving-object{width:75px;height:75px;background-color:#8eadb3;animation:move-and-shape 3s ease-in-out infinite alternate;animation-play-state:running}.moving-object:hover{animation-play-state:paused}@keyframes move-and-shape{0%{transform:translate(-100%)}to{transform:translate(100%);border-radius:50%}}