@import"https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"; 
html{scroll-behavior:smooth}

*{padding:0;margin:0;box-sizing:border-box}

body{font:22px/28px Arial,Helvetica,sans-serif;color:#a56600}

h1,h2,h3,h4,h5,h6{font-family:Tilt Warp,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"XROT" 0,"YROT" 0}

h1{padding-bottom:20px}

#info h3{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}

h4{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;text-decoration:underline}

body{background:#ffb5d9}

header,footer,#question,#about,#contact,#boba,#recipe{padding:20px;max-width:1300px;margin:0 auto;position:relative}

#question{padding-left:5px}

header{background-image:url(boba.jpg);background-size:cover;background-position:left center;margin:auto;padding:45px 45px 55px 25px}

footer{background:#c4ffbd}

main{background:#fff5da}

#about{background:#fff5da;padding-left:15px;padding-right:15px;padding-top:0}

#about div{background:#ffecb8;border-radius:15px;padding:15px}

#contact{background:#fff5da}

#boba,#recipe{background:#d4dcff}

#nav{list-style-type:none;float:left}

a,p{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}

#nav a,#contact a,footer a{text-decoration:none;padding-right:15px;color:#4e3000}

#nav a:hover,#contact a:hover,footer a:hover{text-decoration:underline}

#bobaList img{max-width:200px;border-radius:20px}

#bobaList{border-radius:15px;padding:20px 15px 15px;background:#bbc8ff;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}

#boba h2{padding-bottom:15px}

#bobaList p{padding-bottom:10px}

#ingrediants{list-style-type:circle;padding-left:20px;padding-bottom:15px}

#steps{list-style-type:decimal;padding-left:20px;padding-bottom:15px}

#recipe p{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}