#root,.App,body,html{font-family:pixelated,sans-serif;height:100%;margin:0;padding:0}@font-face{font-family:pixelated;src:local("pixelated"),url(/static/media/pixelated.89ef5cdaa200e5628ba8.ttf) format("truetype")}img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.App{background-image:linear-gradient(#2f9de0,#72bdeb);overflow:hidden;position:relative}.ocean{height:47%;height:47dvh;left:0;z-index:40}.beach,.ocean{bottom:0;position:absolute;width:100%}.beach{display:grid;overflow:hidden;z-index:60}.beachImage{width:100%}.beachRaise{background-color:#c9945f;height:10px;width:100%}.chestsAlign{align-items:center;display:flex;justify-content:space-between;margin-left:5%;position:relative;top:11vh;width:90%;z-index:40}.SandC{text-align:center;width:10%}.SandC,.chest{position:relative}.chest{width:100%;z-index:40}.sign{left:0;top:-31%}.sign,.signTxt{position:absolute;width:100%}.signTxt{font-size:1vw;z-index:45}@media (max-width:768px){.SandC{width:75px}.signTxt{font-size:11px;top:-35%}.sign{left:-11%;top:-50%;width:120%}}.boatSpacing{align-items:end;display:flex;height:40%;justify-content:center;width:100%}.boat{animation:rock 5s ease-in-out infinite alternate;display:block;height:100%;transform-origin:center bottom;width:auto;z-index:30}@keyframes rock{0%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}.sun{animation:rock 5s ease-in-out infinite alternate;height:20%;right:5%;top:2%;transform-origin:center center}.island1,.sun{position:absolute;width:auto}.island1{height:5%;left:5%;top:55%}.island2{height:10%;position:absolute;right:10%;top:52%;width:auto}.cloud1{top:20%}.cloud1,.cloud2{height:10%;position:absolute;width:auto;z-index:20}.cloud2{top:25%}@media (max-width:768px){.boat{height:60%;width:auto}.sun{height:15%;right:3%;top:20%;width:auto}.cloud1,.cloud2{height:7%}.island2{visibility:hidden}}.banSpacing{display:flex;height:20%;justify-content:space-between;width:100%}.banner{display:flex;justify-content:center;width:40%}.bannerLeft,.bannerRight{display:inline-block;height:100%}.bannerRight{transform:scaleX(-1)}.bannerCenter{display:inline-block;height:100%;width:45%}.welcome{font-size:5vh;position:absolute;top:1%}@media (max-width:768px){.banner{height:90%;margin-top:2%}.welcome{font-size:1.4rem;top:5%}}.main{height:60%;left:20%;top:14%;width:60%}.main,.mainLinks{position:absolute;z-index:110}.mainLinks{height:30%;left:35%;top:25%;width:30%}.verticalOutline{top:-4px}.horizontalOutline,.verticalOutline{background-color:#69300f;height:100%;position:absolute;width:100%;z-index:105}.horizontalOutline{left:-4px}.inside{background-color:#eac798;border:solid #d5a067;box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:100%;z-index:110}.inside::-webkit-scrollbar{width:8px}.inside::-webkit-scrollbar-thumb{background:#69300f}.closeButton{height:30px;position:absolute;right:2%;top:2%;width:30px;z-index:115}@media (max-width:768px){.main,.mainLinks{height:44%;left:5%;top:20%;width:90%}}.profilePic{border-radius:200px;height:200px;object-fit:cover;width:200px}.flexbox{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-evenly}.bio{flex:1 1;max-width:600px;min-width:300px;text-align:center}.info{padding:20px}@media screen and (max-width:768px){.flexbox{align-items:center;flex-direction:column}.bio{max-width:100%;text-align:center}.profilePic{height:200px;width:200px}}.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;margin-left:5%;margin-top:1%;width:90%}.card{background-position:50% 50%;background-size:cover;border:8px solid #3c271a;flex:0 1 200px;height:250px}.cardImage{height:auto;width:100%}.cardText{background-image:linear-gradient(180deg,#0000,#faebd7);font-size:.75rem;height:5%;overflow-y:hidden;position:relative;text-align:left;top:95%;transition:.5s ease;width:100%;z-index:120}.cardText::-webkit-scrollbar{width:8px}.cardText::-webkit-scrollbar-thumb{background:#69300f}.card:hover .cardText{background-color:#faebd7;height:100%;overflow-y:scroll;top:0}.skillsFlex{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-left:5%;margin-top:1%;width:90%}.skillItem{width:150px}.clubSpacing{margin-left:2%;width:96%}.clubText{margin:0 0 0 1%;width:68%}.clubImages{height:30%;min-width:200px;width:30%}.skillGrouping{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;height:48px;justify-content:space-evenly;width:300px}.skillBlock{padding:2px 2px 2px 4px}.percentageOutline,.skillBlock{background-color:beige;border:4px solid #000;width:150px}.percentageOutline{height:50%}.percentageFill{background-color:#daa520;height:100%}.icons{display:flex;flex-wrap:wrap;gap:3%;justify-content:center;padding:10px;width:100%}.icon{height:100px;width:100px}
/*# sourceMappingURL=main.b7e2ce99.css.map*/