:root{--text-color: "#473F3F" }nav{padding-inline:64px;display:flex;justify-content:space-between;align-items:center;padding-block:8px;background-color:#f66}nav img{width:4rem}nav a{transition:transform .2s ease}nav a img{width:8rem;height:2.5rem}nav div{display:flex;align-items:center;justify-content:center;gap:16px}nav .app-download-logos{display:none}.hero-section{padding-inline:64px;display:flex;justify-content:space-around;align-items:center;padding-block:16px}.text-section img{height:47rem}.hero-section img{width:18rem;height:35rem;border-radius:20px}.text-section{margin-top:32px;padding-inline:64px;padding-block:32px}.text-section h1{text-align:center;font-size:48px;margin-bottom:32px}.text-section div{display:flex;justify-content:space-around}.text-section div p{color:var(--text-color);width:50%;height:47rem;padding-top:2rem;font-size:12.5px}.text-section div ul{margin-left:2rem}.text-section div ul span{font-weight:600}footer{margin-top:32px;padding-inline:64px;padding-block:32px;background-color:#ff666618;display:flex;justify-content:space-between}footer div{width:50%}footer p{color:var(--text-color)}footer a{color:var(--text-color);text-decoration:underline}footer span{font-weight:600}.copyright{color:var(--text-color);text-align:right}nav a:hover{transform:translateY(5px)}.contact-section{padding-inline:128px;height:80vh;margin-top:32px;display:flex;justify-content:space-between}.contact-section h1{color:#f66;font-size:64px;margin-bottom:32px}.contact-section .about-olly{width:100%;margin-bottom:32px}.contact-section p{color:var(--text-color)}.contact-section a{color:var(--text-color);text-decoration:underline;font-weight:700}.contact-section div{width:50%}@media only screen and (min-width: 1600px){.contact-section p{font-size:28px}}@media only screen and (min-width: 1200px) and (max-width: 1599px){.contact-section p{font-size:20px}}@media only screen and (min-width : 1024px) and (max-width : 1200px){.text-section div p{font-size:14px;height:75rem}.text-section img{width:35%;height:75rem}}@media only screen and (max-width : 1024px){footer p{font-size:10px}.hero-section{padding-block:64px}.hero-section img{width:15rem;height:25rem}.text-section div p{font-size:10px;height:50rem}.text-section img{width:35%;height:50rem}.contact-section{padding-inline:64px}.contact-section h1{font-size:48px}}@media only screen and (max-width : 768px){.contact-section,.text-section{padding-inline:32px}.text-section div{flex-direction:column;row-gap:16px;align-items:center}.text-section div p{width:100%;height:fit-content}.text-section h1{margin-bottom:16px}.text-section img{width:50%;height:40rem}}@media only screen and (max-width : 600px){.hero-section{flex-direction:column;row-gap:16px;padding-block:32px}.hero-section img,.text-section img{height:25rem}.copyright{text-align:center}footer{flex-direction:column;align-items:center;row-gap:16px}footer div{width:100%}.contact-section{flex-direction:column;align-items:center;padding-inline:64px;row-gap:32px}.contact-section h1{text-align:center}.contact-section div{width:100%}nav .app-download-logos{display:block}nav .app-download-logos img{width:2rem;height:2rem;margin-left:16px}nav .app-download-buttons{display:none}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{font-family:Inter,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#f66;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#f75656}