@import url(https://fonts.googleapis.com/css2?family=Mandali&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--transition:600ms ease-in-out}.App{font-family:Mandali;height:100vh;position:relative;transition:.6s ease-in-out;transition:var(--transition);width:100%}.App.pome{background:url(/static/media/pomee.ce8009d70ad4b822b76c.jpeg);background-size:cover}.App.apple{background:url(/static/media/applefrr.6bad05874b78bcc580d1.jpg);background-size:cover}.App.classic{background:url(/static/media/blue.4e43323ba665feb02b4e.jpg);background-size:cover}.App.lemon{background:url(/static/media/lemon.0271b105c5ac84148b50.jpeg);background-size:cover}.fruitbg{height:100%;position:relative;transition:.6s ease-in-out;transition:var(--transition);width:100%}.fruitbg.pome{background-color:rgba(219,18,48,.85)}.fruitbg.apple{background-color:rgba(117,160,29,.85)}.fruitbg.classic{background-color:rgba(3,168,234,.85)}.fruitbg.lemon{background-color:rgba(187,165,40,.85)}.nav{justify-content:space-around;margin:auto;padding:1rem}.nav,.nav .logo{align-items:center;display:flex}.nav .logo{background-color:#7b77a587;border:2px solid #4a3646;border-radius:50%;justify-content:center;overflow:hidden}.nav .logo img{border-radius:50%;height:3.75rem;width:4rem}.nav .navs{display:flex;gap:2.5rem}.nav .navs a{color:#fff;font-size:90%;font-weight:600;text-decoration:none}.nav .navs a.active{border-bottom:2px solid #fff}button{background-color:initial;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:Mandali;font-size:80%;font-weight:600;outline:3px solid #fff;padding:.45rem 1rem}.closebtn,.hambtn{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;display:none;justify-content:center;width:35px}.close,.ham{background-color:#fff;border-radius:50px;height:23px;width:4px}.ham{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.close{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after,.ham:after,.ham:before{background-color:inherit;content:"";height:100%;position:absolute;width:100%}.ham:after{left:7px}.ham:before{right:7px}.close:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.body{align-items:center;color:#fff;display:flex;font-family:Mandali;gap:5rem;justify-content:center;margin:auto;width:77%}.writeup{flex-basis:55%}.writeup.apple,.writeup.classic,.writeup.lemon,.writeup.pome{transition:.6s ease-in-out;transition:var(--transition)}.drink{flex-basis:45%}.writeup h1{font-size:500%;line-height:5rem;margin-top:2rem}.writeup h2{font-size:250%}.writeup p{text-align:justify}.drinka{display:flex;gap:1.5rem;margin-top:1.75rem}.drinka a.active{border-bottom:1px solid #fff}.drinka img{width:5rem}.fruitbg{overflow:hidden}.drink .circle{background-color:hsla(0,0%,100%,.4);border-radius:50%;height:75rem;margin-bottom:-55rem;margin-right:-65rem;position:relative;transition:.6s ease-in-out;transition:var(--transition);width:75rem}.drink .circle.pome{-webkit-transform:rotate(-40deg) scale(.85);transform:rotate(-40deg) scale(.85)}.drink .circle.apple{-webkit-transform:rotate(-130deg) scale(.85);transform:rotate(-130deg) scale(.85)}.drink .circle.classic{-webkit-transform:rotate(-220deg) scale(.85);transform:rotate(-220deg) scale(.85)}.drink .circle.lemon{-webkit-transform:rotate(-310deg) scale(.85);transform:rotate(-310deg) scale(.85)}.drink .circle img{left:15rem;position:absolute;top:15rem;width:45rem}.drink .circle img.pome{top:-30%}.drink .circle img.apple{left:70.8%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.drink .circle img.lemon{left:-30%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.drink .circle img.classic{top:70%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width:1024px){.body{gap:0;position:relative;width:87%}.drink{-webkit-transform:scale(.6);transform:scale(.6)}.drink .move{left:-4rem;position:absolute;top:10rem}}@media screen and (max-width:700px){.nav{justify-content:space-between;padding:1rem 1.5rem}.nav .navs{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:100vw;position:absolute;top:0;transition:.25s ease-in-out;width:100vw;z-index:1}.nav .navs.show{left:0}.nav .navs.pome{background-color:rgba(219,18,48,.85)}.nav .navs.apple{background-color:rgba(117,160,29,.85)}.nav .navs.classic{background-color:rgba(3,168,234,.85)}.nav .navs.lemon{background-color:rgba(187,165,40,.85)}.nav button{display:block}.closebtn,.hambtn{display:flex}.body{flex-direction:column;width:100%}.writeup{width:90%}.writeup h1{font-size:350%;line-height:3rem;margin-top:.5rem}.writeup h2{font-size:175%}.writeup p{font-size:90%;line-height:150%;text-align:justify}.drinka{display:flex;gap:0;justify-content:space-between;margin-top:.8rem;-webkit-transform:scale(.9);transform:scale(.9)}.drink{-webkit-transform:scale(.35);transform:scale(.35)}.drink .move{left:5rem;top:30rem}}
/*# sourceMappingURL=main.e7b4e450.css.map*/