@import"https://fonts.googleapis.com/css2?family=Rammetto+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap";*{box-sizing:border-box;padding:0;margin:0 auto;color:#2e2e2e}:root{--primary-color: #fdf6ec;--accent-primary: #fff;--accent-secondary: #8daaf0}a{font-weight:900;text-decoration:none}a:hover{color:#ab8df0}body{background-color:var(--primary-color);display:grid;font-weight:600;padding:5rem;place-content:center;max-width:768px;text-align:center;min-height:100dvh;font-family:Gabarito,Arial,Helvetica,sans-serif}.site-header{margin-bottom:5rem;font-size:xx-large;font-family:Rammetto One,sans-serif}.site-moto{opacity:80%;font-style:italic}.site-footer{margin-top:5rem}.stat-layout{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:275px;gap:1rem;background:var(--transparent-color)}.stat-layout>*{background-color:var(--accent-primary);max-height:100%;height:100%;width:100%;border-radius:1rem}.stat-layout>*:not(.rate-list){justify-self:center;align-self:center}.rate-list{display:grid;grid-auto-rows:max-content;grid-template-columns:repeat(3,1fr);overflow-y:scroll;scrollbar-width:none;box-shadow:inset 0 -20px 10px -10px #00000042;list-style-type:none}.sub-grid{display:grid;grid-column:1 / 4;grid-template-columns:subgrid;justify-content:start;padding:.5rem 0rem;width:100%;gap:1rem;font-size:1.25rem;font-weight:500}.sub-grid.row-header{font-weight:900}.fact-card:not(.fact-card:nth-child(3)){display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;position:relative}.fact-card .title{position:absolute;bottom:0;left:0;outline:solid 8px var(--primary-color);background-color:var(--accent-secondary);padding:.5rem;border-radius:0 1rem;max-width:90%;font-size:1rem}.fact-card .value{font-size:1.25rem}.fact-card:nth-child(3){display:flex;position:relative;flex-direction:column;justify-content:center;gap:1rem}.currency-comparison{display:flex}.spinner-outside{width:200px;height:200px;margin:5rem auto;background-color:#2e2e2e;display:flex;align-items:center;justify-content:center;animation:load linear 10s reverse infinite}.spinner-inside{width:75%;background-color:#ab8df0;height:75%;animation:load linear 5s forwards infinite}@keyframes load{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){body{padding:0;display:block}.stat-layout{grid-template-columns:repeat(2,1fr)}.rate-list{grid-column:2 / 3;grid-row:2 / 4}.currency-comparison{grid-column:span 1}}@media (min-width: 900px){body{max-width:1200px;padding:0}.stat-layout{grid-template-columns:repeat(6,1fr)}.rate-list{grid-column:5 / 7;grid-row:1 / 3}.currency-comparison{grid-column:span 4}.fact-card:nth-child(3){grid-column:span 2}}