:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#01121a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f7941b;text-decoration:inherit}a:hover{color:#c73131}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:95vw;margin:0 auto;padding:1rem;text-align:center}header{display:flex;flex-direction:column;justify-content:center;margin:50px 0;height:40vh;background:linear-gradient(to bottom,#01121a80,#01121a),url(https://i.postimg.cc/59KqbyP4/freepik-can-you-create-me-a-one-piece-wallpaper-3915.png);background-size:cover;border-radius:50px}h1{font-family:Bebas Neue,sans-serif;font-size:5em;margin:0;line-height:.9}.load-button{padding:10px 40px;border:none;background-color:transparent;border-radius:100px;font-size:1em;border:2px solid rgb(255,255,255);transition:all .3s ease-in-out}.load-button:hover{color:#0f2e3e;cursor:pointer;background-color:#fff}main{width:90vw;margin:0 0 50px;padding:0;display:flex;flex-direction:row;gap:30px;flex-wrap:wrap;justify-content:center}h1{font-family:poppins,sans-serif;font-weight:600;margin-bottom:20px;font-size:7em}#hero-img{width:500px;margin:0 auto}footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px 50px;border-top:1px solid #0f2e3e;margin-top:100px}#footer-logo-img{width:40px}.menuWrapper{display:flex;width:100%;justify-content:center;gap:20px;margin-bottom:80px}.menuWrapper>button{background-color:#205879;border:none;border-radius:17px;border:1px solid rgb(0,183,255);padding:15px 30px;cursor:pointer;font-size:1em;transition:all .2s ease-in-out}.menuWrapper>button:hover{background-color:#032234}.randomWrapper{position:relative;border:1px solid rgb(0,225,255);width:85%;border-radius:20px;padding:20px 50px 40px;min-height:30vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:40px}.randomWrapper>h2{font-size:3em;line-height:.5em;margin-bottom:0}.randomWrapper>h2:nth-of-type(2){color:#00e1ff}.randomWrapper>h3{font-size:3.3em;line-height:1em;margin-top:0;margin-bottom:0}.randomWrapper>span{font-size:1.4em;width:80%;margin-top:0;margin-bottom:0;color:#4f768d}.randomWrapper>button{border:none;padding:15px 50px;border-radius:10px;border:1px solid rgb(0,225,255);background-color:#205879;cursor:pointer;width:fit-content}.randomWrapper>button:hover{border:none;padding:15px 50px;border-radius:10px;border:1px solid rgb(0,225,255);background-color:#082f45}.randomWrapper>.imageWrapper{position:relative}.randomWrapper>.imageWrapper>img:nth-of-type(1){height:300px}.randomWrapper>.imageWrapper>img:nth-of-type(2){position:absolute;top:50%;right:0;height:150px;width:150px;object-fit:cover;border-radius:1000px;translate:70px;border:1px solid rgb(0,225,255);object-position:top center}/*! Phone responsive adaptation */@media (max-width: 480px){#root{max-width:100%;padding:0}header{height:40vh;border-radius:50px;padding:15px;margin:0}h1{font-size:4em}main{width:98vw}.menuWrapper{flex-wrap:wrap}.randomWrapper{padding:10px 10px 40px}.randomWrapper>h2{font-size:2.5em;line-height:1em;margin-bottom:0}.randomWrapper>h2:nth-of-type(1){padding:0 10px}.randomWrapper>h2:nth-of-type(2){margin-top:80px}.randomWrapper>h3{font-size:2.5em;line-height:1.2em;margin-top:0;margin-bottom:0}.randomWrapper>.imageWrapper>img:nth-of-type(2){position:absolute;bottom:0;left:25%;height:150px;width:150px;object-fit:cover;border-radius:1000px;translate:0 80px;border:1px solid rgb(0,225,255);object-position:top center}.randomWrapper>span{font-size:1em;width:80%;margin-top:0;margin-bottom:0;color:#4f768d}}.fruitCard-wrapper{display:flex;justify-content:space-between;border-radius:15px;background-color:gray;min-height:400px;max-width:25vw;min-width:600px;background-color:#0f2e3e;border:1px solid rgb(66,184,243)}.title-fruit{font-family:Bebas Neue,sans-serif;font-weight:400;font-size:4em;font-style:normal;margin:20px 0 0;line-height:.9em}.fruitCard-wrapper>div{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:15px 30px}.fruitCard-wrapper>img{object-fit:cover;max-width:40%;border-radius:inherit}.info-wrapper{max-width:50%}.fruit-img{height:100px;object-fit:contain}.fruit-tags{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:5px 20px;font-size:.8em}.fruit-tags>p{padding:5px 20px;border-radius:35px;background-color:#8297a2}.bold-tag{font-weight:600}@media only screen and (max-width: 2100px){.fruitCard-wrapper{max-width:43vw}}@media only screen and (max-width: 1400px){.fruitCard-wrapper{max-width:100%}.fruitCard-wrapper>img{object-fit:cover;width:40%;border-radius:inherit}}@media only screen and (max-width: 480px){.fruit-img{height:100px;object-fit:contain}.user-img{height:100px;width:100%;object-fit:cover;object-position:top center}.fruitCard-wrapper{flex-direction:column;max-width:96vw;min-width:95vw}.fruitCard-wrapper>img{width:100%;max-width:100%;height:250px}.fruitCard-wrapper>div{padding:0;margin:30px auto;max-width:95%}}