#wrapper{margin:-10px}#navbar{background-image:linear-gradient(#add8e6 33%,blue);position:fixed;top:0;width:105%;height:120px;z-index:2}#buttonBox{display:flex;flex-direction:row;justify-content:center}.navbutton{font-size:20px;width:120px;padding:5px;margin-left:20px;background-color:#f0f8ff;border-radius:10px}.select{width:250px}#flagdiv{max-width:1600px;padding-top:120px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:auto}#flagdiv,.card{position:relative}.card{width:220px;height:190px;padding:.5vw;background-color:#b0e0e6;margin:10px;border-radius:20px}.card .flag{width:180px;height:100px;position:absolute;bottom:24px;left:50%;transform:translateX(-50%)}.flaglrg{width:360px;height:200px;margin:auto}h1{text-align:center}h1,p{font-size:24px;margin:12px}p{text-align:left;line-height:24px}.modal-backdrop{position:fixed;inset:0;background:rgba(175,225,225,.6);display:flex;justify-content:center;align-items:center;z-index:20}.modal{background:silver;padding:1.5rem;border-radius:8px;width:360px;position:relative}.close-btn{position:absolute;right:25px;bottom:25px;width:55px;background:#6495ed;color:#f0f8ff;border:3px solid #fff;border-radius:12px;font-size:48px;font-weight:700;cursor:pointer}@media screen and (max-width:1050px){#navbar{height:12vw}#flagdiv{padding-top:13vw}.navbutton{font-size:2vw;width:12vw;margin-left:2vw}.card,.select{width:20vw}.card{height:17vw;padding:1vw;background-color:#b0e0e6;margin:1vw;border-radius:2vw;display:inline-block;vertical-align:top}.card .flag{width:18vw;height:10vw}h1{font-size:2vw;text-align:center;margin-top:.5vw}}@media screen and (max-width:750px){h1{font-size:3vw;line-height:2.8vw}h2{font-size:24px}#navbar{height:14vw;padding-top:3vw}#buttonBox{padding-top:2vw}#flagdiv{padding-top:15vw}.card{width:28vw;height:22vw;padding:1vw;background-color:#b0e0e6;margin:1vw;border-radius:2vw;display:inline-block;vertical-align:top}.card .flag{width:24vw;height:14vw;bottom:2vw}p{font-size:18px}}