@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap";.flag__section img{border-radius:5px 5px 0 0}.details{border-radius:0 0 5px 5px}h2{padding-bottom:10px;font-size:20px;font-weight:800}h3{padding-bottom:5px;font-size:16px;font-weight:600}h3>span{color:#5983fc}.header{color:#fff;padding:20px 100px;display:flex;align-items:center;justify-content:space-between;background-color:#1d3752;margin-bottom:20px}.header__logo{font-size:20px}.header__link{color:#fff}.country{display:grid;place-items:center;grid-template-columns:repeat(2,1fr);gap:30px;min-width:500px;margin:auto;min-height:500px;padding:100px}.country__details{color:#5983fc;display:grid}.country__details h1{color:#f7c232}.main{display:flex;gap:40px}.border_countries{margin-top:40px}.ttl{font-weight:600;color:#f7c232}.border__country span{padding:5px 10px;background-color:#fff;color:#f7c232;border-radius:5px;font-weight:600;font-size:medium}.back_button{margin-left:20px;padding:10px 20px;font-size:20px;font-weight:600;cursor:pointer;background-color:#ff00;border:2px solid}@media (max-width: 768px){.country{grid-template-columns:1fr}.country__flag{margin-top:30px}}.Search{color:#fff;padding:0 100px;display:flex;justify-content:center;align-items:center}.form_input input{border:none;outline:none;background-color:#f7c232;padding:10px 15px;width:250px;border-radius:5px;color:#50bfc3;margin-bottom:30px}.form_input input::placeholder{color:#50bfc3;font-weight:bolder}.form_input{display:flex;gap:10px}.search-btn{color:#f7c232;font-size:16px;padding:0 10px;background-color:#50bfc3;border:none;border-radius:5px}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif;text-decoration:none}img{max-width:100%}body{background-color:#2c7695}article{background:#1d3752;transition:all .3s;border:3px solid #f7c232;border-radius:3px}article:hover{transform:scale(1.1);transition:all .3s}.grid{display:grid;grid-template-columns:1fr;gap:50px;padding:20px}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 770px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 980px){.grid{grid-template-columns:repeat(4,1.2fr);padding:20px 100px}}.flag__section{height:150px}.flag__section img{width:100%;height:100%;object-fit:cover}.details{padding:20px;color:#f7c232;border-radius:0 0 5px 5px}