@import url(https://fonts.googleapis.com/css?family=Dancing+Script|Inter);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Inter,Verdana,Tahoma,sans-serif;font-size:1.2rem;line-height:1.6rem;margin:0;padding:0}h1{font-size:2rem;line-height:2.8rem}h3{font-size:1rem}html{scroll-behavior:smooth}header{background-color:skyblue;color:#152444}footer,header{align-items:center;display:flex;justify-content:center;min-height:5vh}footer{background-color:#263137;color:#fcfcfc;flex-direction:column;padding:15px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}body{overflow:overlay}.fixModal .box,.fixModal .buoy,.fixModal .navbar{display:none}.fixModal main{z-index:0}.fixModal .waves{content:""}@media screen and (max-width:750px){.fixModal header{display:none}}.wrap{align-items:flex-end;background-color:#b0e0e6;display:flex;flex-direction:row;height:55vh;justify-content:center}.wave-container{align-self:flex-end}.wave-container,.waves{position:relative;width:100%}.waves{height:30vh;margin-bottom:-7px;max-height:200px;min-height:200px}.parallax>use{-webkit-animation:moveForever 25s cubic-bezier(.55,.5,.45,.5) infinite;animation:moveForever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s}.parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s}.parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s}.parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s}@-webkit-keyframes moveForever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@keyframes moveForever{0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}to{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}}@media (max-width:768px){.wrap{height:65vh}.waves{height:120px;min-height:120px}}.box{align-items:center;-webkit-animation:swell2 7s ease infinite;animation:swell2 7s ease infinite;display:flex;flex-direction:column;position:absolute;z-index:1}.circular-photo{border:5px solid #c84146;border-radius:50%;height:120px;margin-top:-40%;object-fit:cover;width:120px;z-index:1}.circular-lifebuoy{border-radius:50%;height:200px;margin-bottom:-20%;object-fit:cover;width:200px}@-webkit-keyframes swell2{0%,to{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}50%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes swell2{0%,to{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}50%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.box p{background-color:#fff;border-radius:1rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.3),0 .0625rem .125rem rgba(0,0,0,.2);font-size:.5rem;max-width:20em;padding:1.125em 1.5em;position:relative}.box p:before{border:.75rem solid transparent;border-bottom:.75rem solid #fff;border-top:none;bottom:100%;content:"";-webkit-filter:drop-shadow(0 -.0625rem .0625rem rgba(0,0,0,.1));filter:drop-shadow(0 -.0625rem .0625rem rgba(0,0,0,.1));height:0;left:1.5em;position:absolute;width:0}.box :hover{cursor:pointer}.box p img{aspect-ratio:1;width:15px}.navbar{align-items:center;background-color:#c84146;border-bottom-right-radius:10px;border-top-right-radius:10px;box-shadow:0 0 8px 6px #ff5050;display:flex;flex-direction:column;height:40vh;justify-content:space-around;margin-top:30vh;padding-bottom:.5vw;padding-top:.5vw;position:fixed;transition:.6s;width:3.8vw;z-index:20}.navbar:hover{width:5.6vw}.social-icon{aspect-ratio:1;border-radius:50%;width:2.8vw}.social-icon:hover{box-shadow:0 0 4px 3px skyblue}.hide{display:none}@media (max-width:768px){.navbar{display:none}.hide{display:block}.social-icon{margin:8px 10px 4px;width:9vw}.social-icon:hover{box-shadow:0 0 4px 3px #015781}header{position:fixed;width:100%;z-index:20}}.sea{align-items:center;background:linear-gradient(0deg,#192126 5%,#015871 60%,#00acde);color:#fcfcfc;display:flex;flex-direction:column;font-size:2rem;margin-top:-2%;overflow:hidden;padding-bottom:250px;padding-top:5%;position:relative;text-align:center}.sea>*{padding-bottom:1%;padding-top:1%}main{width:80%;z-index:5}.main,main{display:flex;flex-direction:column}.main{border:2px solid #ded9ce;border-radius:15px;box-shadow:inset 0 0 5px 1px #ded9ce,0 0 5px 1px #ded9ce;-webkit-filter:drop-shadow(20px 15px 5px rgba(0,0,0,.2));filter:drop-shadow(20px 15px 5px rgba(0,0,0,.2));margin-bottom:3%;margin-top:3%;padding:5%}.main>*{padding:1%}.mainSkills{display:grid;grid-template-columns:repeat(auto-fit,200px);justify-content:center;padding:2%}.mainSkill{padding:2%}.mainSkill:hover{cursor:pointer;-webkit-filter:drop-shadow(0 4px 8px #fff);filter:drop-shadow(0 4px 8px white)}.animals{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2%;width:100%}.mainSkillImg{width:9vw}@media screen and (max-width:750px){.sea{padding-bottom:100px}.mainSkills{display:grid;grid-template-columns:repeat(auto-fit,100px);justify-content:center;padding:2%}.mainSkillImg{width:100%}}.modalFilter{background:#edd3ab;box-shadow:0 0 10px rgba(0,0,0,.3);height:100%;width:100%}.modalFilter:after,.modalFilter:before{content:"";height:98%;position:absolute;width:100%;z-index:-1}.modalFilter:before{background:#edd3ab;box-shadow:0 0 8px rgba(0,0,0,.2);-webkit-transform:rotate(-2.5deg);transform:rotate(-2.5deg)}.modalFilter:after{background:#edd3ab;box-shadow:0 0 3px rgba(0,0,0,.2);right:-3px;top:1px;-webkit-transform:rotate(1.4deg);transform:rotate(1.4deg)}.ReactModal__Overlay{-webkit-animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;-webkit-transform:scaleY(.01) scaleX(0);transform:scaleY(.01) scaleX(0)}.ReactModal__Overlay .modalFilter{-webkit-animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) .8s forwards;animation:zoomIn .5s cubic-bezier(.165,.84,.44,1) .8s forwards;-webkit-transform:scale(0);transform:scale(0)}.ReactModal__Overlay--before-close{-webkit-animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards;animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards;-webkit-transform:scale(1);transform:scale(1)}.ReactModal__Overlay--before-close .modalFilter{-webkit-animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}@-webkit-keyframes unfoldIn{0%{-webkit-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}50%{-webkit-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@keyframes unfoldIn{0%{-webkit-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}50%{-webkit-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}}@-webkit-keyframes unfoldOut{0%{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}50%{-webkit-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}}@keyframes unfoldOut{0%{-webkit-transform:scaleY(1) scaleX(1);transform:scaleY(1) scaleX(1)}50%{-webkit-transform:scaleY(.005) scaleX(1);transform:scaleY(.005) scaleX(1)}to{-webkit-transform:scaleY(.005) scaleX(0);transform:scaleY(.005) scaleX(0)}}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.innerContent{display:flex;flex-direction:row;height:90%;justify-content:center;padding:3%}.innerContent img{padding:1%;width:40px}.innerContent h1{align-items:center;display:flex}.innerFlex{display:flex;flex-direction:column;justify-content:space-evenly;min-width:75%;padding:2%}@media screen and (max-width:730px){.innerContent{align-items:center;flex-direction:column;justify-content:flex-start}}.bar:first-child{margin-top:0}.bar .label{font-size:16px;margin-bottom:5px}.bar .label,.bar .label span{font-weight:500}.bar .progress-line{-webkit-animation:animate 1s cubic-bezier(.47,0,.745,.715) forwards;animation:animate 1s cubic-bezier(.47,0,.745,.715) forwards;background:#d2b992;border-radius:10px;box-shadow:inset 0 1px 1px rgba(0,0,0,.4),0 1px hsla(0,0%,100%,.4);height:10px;position:relative;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;width:100%}@-webkit-keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.progress-line span{-webkit-animation:animate 1s cubic-bezier(.47,0,.745,.715) 1s forwards;animation:animate 1s cubic-bezier(.47,0,.745,.715) 1s forwards;background:#00acde;border-radius:10px;height:100%;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;width:80%}.animated{height:100%;overflow:hidden;padding-top:200px;position:absolute;width:100%}.animated *{position:relative}.animated .imgContainer img{-webkit-animation:swim 28s infinite;animation:swim 28s infinite;-webkit-filter:blur(.5px);filter:blur(.5px);-webkit-transform:translateX(-250vw);transform:translateX(-250vw)}.animated .whale img{-webkit-animation:swimWhale 28s infinite;animation:swimWhale 28s infinite;-webkit-filter:blur(.5px);filter:blur(.5px);-webkit-transform:translateX(-280%);transform:translateX(-280%)}.imgContainer{-webkit-animation:wobble 6s infinite;animation:wobble 6s infinite}.imgContainer:nth-child(2),.imgContainer:nth-child(2) img{-webkit-animation-delay:7s;animation-delay:7s}.imgContainer:nth-child(3),.imgContainer:nth-child(3) img{-webkit-animation-delay:13s;animation-delay:13s}.turtle{-webkit-animation:wobble 6s infinite;animation:wobble 6s infinite}.turtle img{-webkit-animation-delay:6s;animation-delay:6s}.turtle:nth-child(2),.turtle:nth-child(2) img{-webkit-animation-delay:2s;animation-delay:2s}.turtle:nth-child(3),.turtle:nth-child(3) img{-webkit-animation-delay:.5s;animation-delay:.5s}.imgContainer:nth-child(3){-webkit-animation:wobbleHard 6s infinite;animation:wobbleHard 6s infinite}@-webkit-keyframes swim{0%{-webkit-transform:translateX(-250vw);transform:translateX(-250vw)}to{-webkit-transform:translateX(150vw);transform:translateX(150vw)}}@keyframes swim{0%{-webkit-transform:translateX(-250vw);transform:translateX(-250vw)}to{-webkit-transform:translateX(150vw);transform:translateX(150vw)}}@-webkit-keyframes swimWhale{0%{-webkit-transform:translateX(-280%);transform:translateX(-280%)}to{-webkit-transform:translateX(280%);transform:translateX(280%)}}@keyframes swimWhale{0%{-webkit-transform:translateX(-280%);transform:translateX(-280%)}to{-webkit-transform:translateX(280%);transform:translateX(280%)}}@-webkit-keyframes wobble{0%,to{-webkit-transform:translateY(-15%);transform:translateY(-15%)}50%{-webkit-transform:translateY(15%);transform:translateY(15%)}}@keyframes wobble{0%,to{-webkit-transform:translateY(-15%);transform:translateY(-15%)}50%{-webkit-transform:translateY(15%);transform:translateY(15%)}}@-webkit-keyframes wobbleHard{0%,to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes wobbleHard{0%,to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.shoal{display:grid;grid-template-columns:1fr 1fr;width:50%}.shoalContainer{-webkit-animation:shoalSwim 2s infinite;animation:shoalSwim 2s infinite}.shoal:nth-child(2) img,.shoalContainer:nth-child(2){-webkit-animation-delay:1.5s;animation-delay:1.5s}.shoalContainer:nth-child(3){-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-duration:4s;animation-duration:4s}.shoal img,.shoalContainer:nth-child(5){-webkit-animation-delay:7s;animation-delay:7s}.shoalContainer:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s;-webkit-animation-duration:6s;animation-duration:6s}.shoalContainer{min-height:10vh}.shoal:nth-child(3) img{-webkit-animation-delay:14s;animation-delay:14s}@-webkit-keyframes shoalSwim{0%,to{-webkit-transform:translateY(-60%);transform:translateY(-60%)}50%{-webkit-transform:translateY(60%);transform:translateY(60%)}}@keyframes shoalSwim{0%,to{-webkit-transform:translateY(-60%);transform:translateY(-60%)}50%{-webkit-transform:translateY(60%);transform:translateY(60%)}}.buoy{aspect-ratio:1;border-radius:50%;bottom:3vh;display:flex;height:10vh;position:fixed;right:3vw;transition:1s;z-index:10}.buoy:hover{-webkit-animation:spin 2s;animation:spin 2s}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.207fe162.css.map*/