@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";@import"https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap";:root{font-size:62.5%}*{box-sizing:border-box}body{font-family:Darumadrop One,serif;background-image:url("/francesco-cantinelli-6xsotTecOj4-unsplash (1).jpg");background-position:center;background-size:cover;min-height:100vh}body header{padding:2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:#00000033 solid 1px}body header a img{width:70px}body header nav ul{display:flex}body header nav ul li{margin-left:1rem;list-style:none}body header nav ul li a{text-decoration:none;font-size:2.2rem;color:#000}body main{min-height:70vh}body main .home-container{padding:2rem;text-align:center}body main .home-container h1{font-size:2.5rem}body main .home-container h2{font-size:2rem}body main .home-container h3{margin-top:3.5rem;font-size:1.5rem}body main .home-container div a img{width:150px;border-radius:50%;box-shadow:0 0 0 5px #1f1f1efb}body main .home-container p{font-size:1.5rem}body main .cocktails-list-container h1{text-align:center;font-size:2.5rem}body main .cocktails-list-container p{font-size:1.5rem}body main .cocktails-list-container ul{padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:2rem}body main .cocktails-list-container ul li{list-style:none;text-align:center}body main .cocktails-list-container ul li a{text-decoration:none;font-size:1.4rem;color:#000}body main .cocktails-list-container ul li a img{width:100px;border-radius:50%}body main .cocktails-list-container .pagination{display:flex;justify-content:center;margin-top:2rem}body main .cocktails-list-container .pagination button{margin:0 .5rem;padding:.5rem 1rem;border:none;border-radius:5px;background-color:#000;color:#fff;font-size:1.2rem;cursor:pointer}body main .cocktails-list-container .pagination button:disabled{opacity:.5;cursor:not-allowed}body main .cocktails-list-container .pagination span{margin:0 .5rem;padding:.5rem 1rem;border:none;border-radius:5px;font-size:1.2rem}body main .about-container{text-align:center;padding:2rem}body main .about-container h1{font-size:3rem}body main .about-container h2{font-size:2rem}body main .about-container p{font-size:2rem;line-height:2.5rem}body main .coktail-detail-container{text-align:center;padding:2rem}body main .coktail-detail-container h1{font-size:3rem}body main .coktail-detail-container h2{font-size:2.5rem}body main .coktail-detail-container p{font-size:2rem;line-height:3rem}body main .coktail-detail-container img{width:60%;max-width:350px;margin:2rem 0;border-radius:50%;border:#000000b7 solid 3px}body footer{text-align:center}@media (min-width: 800px){:root{font-size:100%}body main .cocktails-list-container ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}body main .cocktails-list-container ul li a img{width:250px}}