@import"https://fonts.googleapis.com/css2?family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap";#sidebar{background-color:#161c29;height:100%;display:flex;flex-flow:column nowrap;justify-content:space-evenly;gap:20px;border-top-right-radius:8px;padding:4.75px}#sidebar #ul-desktop{display:flex;flex-flow:column nowrap;align-items:flex-start;padding-top:30px;gap:40px}#sidebar #ul-desktop li{list-style:none;width:100%}#sidebar #ul-desktop li a{font-size:21px;display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-flow:row nowrap;text-decoration:none;padding:8px 16px;transition:ease .4s;color:#fff;border-radius:10px;border:3px solid transparent}#sidebar #ul-desktop li a:hover{border-bottom:3px solid rgba(197,197,245,.377);background-color:#3e3e57}#sidebar #ul-desktop li a:hover .icon-hover{transition:.45s;scale:1.1}#sidebar-sect-icons{display:flex;flex-flow:column nowrap;align-items:center;text-align:center;padding:10px;border-radius:6px;width:100%;height:36%;background-color:#4a3a58}#sidebar-sect-icons header{font-size:20px;color:#fff;background-color:#201b297a;padding:6.5px;border-radius:4px;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:40px}#sidebar-sect-icons .display-icons{display:flex;flex-flow:row nowrap;justify-content:center;gap:40px}#sidebar-sect-icons .icons-coins,#sidebar-sect-icons .icons-flags{display:flex;gap:20px;flex-flow:column nowrap}@media screen and (max-width:768px){#sidebar{display:none}}@media screen and (max-width:1000px){#sidebar-sect-icons{height:28%}#sidebar>#ul-desktop{gap:75px}}*{margin:0;box-sizing:border-box;font-family:var(--fontSn)}:root{--fontSn: "SN Pro", sans-serif}body{background-image:linear-gradient(125deg,#000,#1a1824);height:100vh;background-repeat:no-repeat;overflow-x:hidden}.all-grid{height:100vh;display:grid;grid-template-columns:.9fr 5fr}@media screen and (max-width:768px){.all-grid{grid-template-columns:auto}}@media screen and (min-width:1300px){.all-grid{grid-template-columns:1.08fr 5fr}}#main-content{color:#fff;display:grid;grid-template-columns:2fr 1fr .75fr 1fr;grid-template-rows:repeat(4,auto);height:100%;padding:15px 13px 10px 30px;gap:11px;background-image:linear-gradient(125deg,#58565e,#1a1824)}.data-card{padding:10px;border-radius:10px;box-shadow:0 0 10px #00000065;background-color:#060a1388}.cards-tittle{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding-top:6px;text-align:center;font-size:1.95em}#convertion-coins{grid-area:1 / 1 / 4/ 2;padding:10px}#weather{grid-area:1 / 2 / 3 / 5}#hour-capital{grid-area:3 / 2 / 4 / 5}#history{grid-area:1 / 4 / 5 / -2;background-color:#1d19299d}@media screen and (max-width:1100px){#main-content{height:1570px;grid-template-rows:repeat(auto);grid-template-columns:1.6fr 1fr;padding-left:19px;justify-content:center}#convertion-coins{grid-area:1 / 1 / 3/ 3;padding:10px}#weather{grid-area:3 /1 /6/ 3}#hour-capital{grid-area:6/ 1 / 8/ 3}}#convertion-coins>h2{margin-bottom:16px;display:flex;gap:20px;flex-flow:row nowrap}.convertion-info{display:flex;flex-flow:column nowrap;align-items:start}.local-explication-money{display:flex;width:100%;height:200px;justify-content:center;flex-flow:row nowrap;gap:50px;margin-bottom:37px}.money-explication{display:flex;font-size:18.75px;flex-flow:column nowrap;gap:26.7px}.arrow-explications{display:flex;flex-flow:column nowrap;justify-content:space-between;gap:20px}.symbols-money{display:flex;flex-flow:column nowrap;justify-content:space-between;gap:15px;font-size:21px}.type-money{display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:10px;gap:7px}.area-convertion{display:flex;background-color:#ffffff25;border-radius:10px;justify-content:start;align-items:center;flex-flow:column nowrap;gap:35px;padding:10px;font-size:18px;width:100%;margin-top:-10px;text-align:center}.area-convertion p{text-align:center;width:100%}.area-convertion #main-usd{font-weight:600;font-size:20px}@media screen and (max-width:768px){.local-explication-money{width:47.23%;gap:17px}.area-convertion{width:80%;height:80%}.money-explication{gap:24.4px}.convertion-info{flex-flow:row nowrap;justify-content:space-between;gap:30px}}#weather-h2{padding-bottom:10px;display:flex;flex-flow:row nowrap;gap:20px}.weather-location{display:flex;align-items:center;font-size:20px;justify-content:space-between;flex-flow:column nowrap;padding-left:12%;height:70%;gap:30px}.weather-location .climate-capital-name{width:100%;display:flex;gap:20px;font-size:22px;flex-flow:row nowrap;justify-content:space-between;align-items:center}.weather-location .climate-capital-name .climate-temperature{display:flex;flex-flow:row nowrap;width:150px;font-size:22px;align-items:center;justify-content:center;gap:3px;background-color:#babaf5;padding:8px;border-radius:10px;text-shadow:1px 0px 1px rgba(0,0,0,.808)}@media screen and (max-width:1200px){.weather-location>.climate-capital-name>.climate-temperature{width:110px}}#tittle-hour{display:flex;flex-flow:row nowrap;gap:15px}.hour-capital-area{display:flex;align-items:center;justify-content:space-evenly;flex-flow:row nowrap;gap:3px;padding-top:32px;text-align:left;font-size:clamp(17px,20px,26px)}.hour-capital-area #capital-name{display:flex;flex-flow:column nowrap;text-align:center;gap:26.75px}.hour-capital-area #capital-name>.name{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;border-radius:2px;padding:3px;gap:13px;border-bottom:3px solid rgb(162,162,255)}#hour-capital{display:flex;flex-flow:column nowrap;gap:21.1px}#hour-capital .time-to-capital{text-align:center;padding:5px 10px;border-radius:4px;border-bottom:3px solid orange;background-color:#b5b5f73a}@media screen and (max-width:768px){.hour-capital-area{justify-content:center;gap:12%}.hour-capital-area>#capital-name>.name{align-items:center;border:none;gap:12.35px}#hour-capital>.time-to-capital{padding:5px 6px}}