@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;900&family=Shrikhand&display=swap";*{box-sizing:border-box}body{color:#24133d;background:radial-gradient(circle at 10% 20%,#ff8bd8 0%,#0000 25%),radial-gradient(circle at 90% 10%,#ffe96b 0%,#0000 25%),radial-gradient(circle at 80% 80%,#65f6bf 0%,#0000 30%),radial-gradient(circle at 20% 90%,#8dd8ff 0%,#0000 25%),#f4c9ff;min-height:100vh;margin:0;font-family:DM Sans,sans-serif}.app{min-height:100vh}header{border-bottom:4px solid #24133d;justify-content:space-between;align-items:center;padding:50px 7% 5px;display:flex}.logo-title{align-items:center;gap:20px;display:flex}.joe-logo{object-fit:contain;width:100px;height:100px}.mini-title{background:#ffe853;border:2px solid #24133d;border-radius:100px;padding:8px 16px;font-weight:900;display:inline-block;transform:rotate(-2deg)}h1{color:#702cff;text-shadow:4px 4px #ffec53,8px 8px #ff579f;margin:5px 0;font-family:Shrikhand,cursive;font-size:clamp(55px,9vw,120px);line-height:.9}.tagline{margin-bottom:5px;font-size:25px;font-weight:900}.description{margin-top:5px;font-size:16px}.country-counter{text-align:center;background:#78ffae;border:3px solid #24133d;border-radius:50%;min-width:170px;padding:25px;transform:rotate(5deg);box-shadow:8px 8px #24133d}.country-counter span{color:#ff3e9d;font-family:Shrikhand,cursive;font-size:60px;line-height:1}.country-counter p{margin:3px 0;font-weight:900}.country-counter small{font-size:10px}.disclaimer{padding:5px 7%;font-size:11px;font-style:italic}.main-layout{grid-template-columns:230px 1fr;gap:40px;padding:5px 7% 60px;display:grid}.filters{background:#ffffffb3;border:3px solid #24133d;border-radius:25px;align-self:start;padding:22px;position:sticky;top:20px;box-shadow:7px 7px #24133d}.filters h2{color:#6c28ff;margin-top:0;font-family:Shrikhand,cursive}.filters label{cursor:pointer;border-bottom:1px dashed #6c28ff;padding:12px 0;font-weight:800;display:block}.filters input{accent-color:#ff3d9a;margin-right:10px;transform:scale(1.3)}.joe-quote{background:#ffe85d;border:2px solid #24133d;border-radius:15px;margin-top:25px;padding:12px;font-weight:900;transform:rotate(-2deg)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading h2{color:#5420c7;margin:0;font-family:Shrikhand,cursive;font-size:40px}.tiny-heading{letter-spacing:4px;margin-bottom:4px;font-size:12px;font-weight:900}.country-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;display:grid}.country-card{background:#fff;border:3px solid #24133d;border-radius:25px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:8px 8px #24133d}.country-card{will-change:transform;background:#fff;border:3px solid #24133d;border-radius:25px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:8px 8px #24133d}.country-card:nth-child(odd){transform:rotate(-1deg)}.country-card:nth-child(2n){transform:rotate(1deg)}.country-card:after{content:"";pointer-events:none;background-blend-mode:screen;opacity:0;z-index:5;background:url(/glitter.png) 0 0/120px 200px,linear-gradient(115deg,#0000 10%,#f80e3573 25%,#eedf1073 35%,#21e98573 45%,#0dbde980 55%,#c929f180 65%,#0000 85%) 0%/250% 250% no-repeat;border-radius:22px;transition:opacity .35s;position:absolute;inset:0}.country-card:hover:after{opacity:.65;animation:3s ease-in-out infinite holoMove}@keyframes holoMove{0%{background-position:0 0,0%}50%{background-position:30% 30%,50%}to{background-position:0 0,100%}}.country-image{aspect-ratio:4/5;object-fit:cover;border-bottom:3px solid #24133d;width:100%;display:block}.country-info{padding:18px}.country-info h2{color:#6324e6;margin:0 0 12px;font-family:Shrikhand,cursive;font-size:26px}.region{background:#72f5c4;border-radius:100px;padding:5px 10px;font-weight:700;display:inline-block}.rating{font-weight:700}.stars{color:#ff3d91;letter-spacing:2px;font-size:24px}.empty-message{text-align:center;background:#ffe35a;border:3px dashed #24133d;border-radius:30px;padding:60px}footer{text-align:center;background:#7bf2c1;border-top:3px solid #24133d;padding:30px;font-weight:900}.social-icons{justify-content:center;gap:15px;margin-top:15px;display:flex}.social-icons a{color:#24133d;background:#ffe85d;border:2px solid #24133d;border-radius:20px;padding:8px 15px;font-weight:700;text-decoration:none;transition:transform .2s}.social-icons a:hover{transform:rotate(-3deg)scale(1.1)}.add-country-form{border-top:3px solid #24133d;margin-top:24px;padding-top:20px}.add-country-form h2{color:#ff3d91;margin:0 0 20px;font-family:Shrikhand,cursive;font-size:24px;line-height:1.2}.add-country-form label{border-bottom:none;margin-bottom:16px;padding:0;font-weight:800;display:block}.add-country-form input,.add-country-form select{box-sizing:border-box;border:2px solid #24133d;border-radius:10px;width:90%;height:40px;margin-top:6px;padding:8px 10px;font-family:inherit;font-size:14px;display:block}.add-country-form input[type=text]{box-sizing:border-box;border:2px solid #24133d;border-radius:10px;width:85%;height:38px;margin:6px auto 0;padding:8px 10px;font-family:inherit;font-size:14px}.add-country-form button{color:#24133d;cursor:pointer;background:#ffe853;border:2px solid #24133d;border-radius:12px;width:90%;padding:11px 8px;font-family:inherit;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:4px 4px #24133d}.add-country-form button:hover{transform:translateY(-2px);box-shadow:5px 6px #24133d}