*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto ",sans-serif}a{text-decoration:none;color:#f39c12}a:hover{color:#f39c12;transition:color .3s ease}div#header{background:linear-gradient(to right,#004e92,#000d7e);color:#fff;padding:10px 20px;text-align:center;display:block}div#header h1{font-size:2.5rem;margin-bottom:10px}div#header h1#homepage{cursor:pointer}h1#homepage:hover{color:#f39c12;transition:color .3s ease}div#header ul{list-style:none;padding:0;display:flex;justify-content:center}div#header ul li a{color:#fff;text-decoration:none;padding:10px 15px;transition:background-color .3s ease}div#main{padding:20px 0 40px}div#footer{background:linear-gradient(to right,#004e92,#000d7e);color:#fff;text-align:center;padding:10px 0;width:100%;position:fixed;bottom:0}div#randomCountry,div#countryList{background:linear-gradient(to right,#004e92,#000d7e);color:#fff;padding:20px;border-radius:10px;margin:20px}div#main h2{margin:20px}div#randomCountry:hover,div#countryList:hover{background:linear-gradient(to right,#000d7e,#004e92);transition:background .3s ease;cursor:pointer}form#searchForm{display:flex;justify-content:center;margin-bottom:20px}form#searchForm input[type=text]{padding:10px;border:1px solid #ccc;border-radius:5px;width:300px}form#searchForm button{padding:10px 15px;margin-left:10px;border:none;border-radius:5px;background-color:#f39c12;color:#fff;cursor:pointer}div.countries{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}div.countryInList{background:#fff;color:#000;border-radius:10px;padding:20px;width:300px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}div.countryInList:hover{transform:scale(1.05);cursor:pointer}div.countryDetails{background:#fff;color:#000;padding:20px;border-radius:10px;box-shadow:0 2px 5px #0000001a}img.flag{width:100%;height:auto;margin-right:10px}img.landscape{width:100%;height:auto;border-radius:10px}div.randomCountry{margin:0 20px 20px}img.optionImage{width:100%;height:auto;border-radius:10px;margin-top:10px}@media (min-width: 768px){div.singleCountry{background:linear-gradient(to right,#004e92,#000d7e);color:#fff;padding:20px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:20px}div#main{margin:20px}div#header{display:flex;flex-direction:row;justify-content:space-around;align-items:center}div#randomCountry,div#countryList{display:grid;grid-template-columns:1fr 1fr}div#randomCountry div,div#countryList div{margin:0;padding:0;align-items:center;display:flex;flex-direction:column;text-align:center;justify-content:center}}