@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Lora:wght@700&family=Open+Sans&display=swap);.codepen,.github{flex:1}.codepen img{width:54%;margin:30% 20% 0 26%}.github img{width:68%;margin:81% 16% 0 10%}#name-backgrounds[data-v-71ccdba8]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;filter:drop-shadow(0 5px 6px rgba(0,0,0,.2))}.letter-wrapper[data-v-71ccdba8]{position:relative;height:97%}.name-letter[data-v-71ccdba8]{position:absolute;top:0;left:0;width:100%;height:100%;background-position:100% 100%;background-repeat:no-repeat;background-size:83%;background-origin:padding-box;transition:1s}#name-j[data-v-71ccdba8]{background-image:url(../img/name_j.b088be8d.svg)}#name-o[data-v-71ccdba8]{background-image:url(../img/name_o.fabb36c2.svg)}#name-h[data-v-71ccdba8]{background-image:url(../img/name_h.c00e499f.svg)}#name-n[data-v-71ccdba8]{background-image:url(../img/name_n.f325af82.svg)}#name-o2[data-v-71ccdba8]{background-image:url(../img/name_o2.3bd067dd.svg)}@media screen and (max-width:1100px){#name-backgrounds[data-v-71ccdba8]{width:75%}}@media screen and (max-width:850px){#name-backgrounds[data-v-71ccdba8]{width:105%;margin-left:-15%}}.menu2{position:absolute;width:84%;top:57%;left:20%;z-index:1;display:grid;grid-template-areas:"projects about" "projects contact";grid-template-columns:6fr 3fr}.menu2 .projects{grid-area:projects;margin-top:26%;margin-right:7%;transition:.6s;z-index:3;cursor:pointer}.menu2 .about{grid-area:about;margin-left:-52%;margin-top:-6%;transition:.6s;cursor:pointer}.menu2 .contact{grid-area:contact;position:relative;margin-top:-2%;margin-left:-10%;cursor:pointer}.menu2 .contact .contact-wrapper{overflow:hidden}.menu2 .contact img{z-index:3;transition:.6s;display:block}.menu2 .contact .contact-mask{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;background:url(../img/contactMask.d1c512b7.svg);background-repeat:no-repeat;z-index:5;pointer-events:none;transition-delay:.6s}.menu2 .about:hover,.menu2 .projects:hover{transform:translate(10px,6px)}.menu2 .contact:hover .contact-mask{transition-delay:0s;opacity:1}.menu2 .contact img:hover{transform:translateY(6px)}@media screen and (max-width:1100px){.menu2{width:65%;top:52%;left:16%}}@media screen and (max-width:850px){.menu2{width:85%;top:51%;left:8%}}.main-screen{display:flex;position:relative;width:100vw;height:56.25vw;max-height:100vh;max-width:177.78vh;margin:0 auto;overflow:hidden}.palmTree{width:32%;position:absolute;left:55%;top:16%;overflow:hidden;height:50%}.palmTreeMover{position:relative}.background{padding-bottom:65%}.background,.content{width:100%;top:0;left:0}.content{display:flex;position:absolute;height:100%}.left,.right{flex:1;position:relative}.name{position:absolute;height:55%}.menu,.name,.name img{width:100%}.menu{position:absolute;top:0;height:100%}.menu-spacer{height:30%;width:100%}.end{opacity:0;width:5%;background-color:#fff;height:59%;position:absolute;top:7%;left:103%;margin-left:4%}.projected-view{position:absolute;width:100%;height:100%;box-sizing:border-box}.cell{margin:4%}.cloud{position:absolute}.cloud1{width:31%;left:48%;top:5%}.cloud2{width:21%;left:14%;top:17%}.screenwipe-enter{transform:translateY(100%)}.screenwipe-enter-active{-webkit-animation:screenWipeIn 1s;animation:screenWipeIn 1s}@-webkit-keyframes screenWipeIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes screenWipeIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.screenwipe-leave{transform:translateY(0)}.screenwipe-leave-active{-webkit-animation:screenWipeOut 1s;animation:screenWipeOut 1s}@-webkit-keyframes screenWipeOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes screenWipeOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media screen and (max-width:1100px){.left .menu{display:none}.right{display:none}.cloud1{width:21%;left:27%;top:1%}.cloud2{width:14%;left:8%;top:7%}.palmTree{width:24%;position:absolute;left:34%;top:15%;overflow:hidden;height:50%}.main-screen{width:100vw;height:100vw}#name-backgrounds{margin-top:-10%}}@media screen and (max-width:850px){.left .menu{display:none}.right{display:none}.cloud1{width:25%;left:27%;top:1%}.cloud2{width:18%;left:8%;top:7%}.palmTree{width:29%;position:absolute;left:40%;top:2%;overflow:hidden;height:60%}#name-backgrounds{margin-top:0}}.about-breakdown[data-v-1d3d4b58]{max-width:1000px;width:100%;overflow:hidden;margin:0 auto;color:#f4f4f4;display:flex;flex-direction:column}h1[data-v-1d3d4b58]{margin:1rem}h3[data-v-1d3d4b58]{font-size:.9rem;text-align:center;margin-bottom:-15px;opacity:.3}.about-breakdown .row[data-v-1d3d4b58]{justify-content:center;margin:.8rem 0 1.4rem 0}.about-breakdown .item[data-v-1d3d4b58]{margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font-size:1.6rem}.about-breakdown .item img[data-v-1d3d4b58]{width:90px;margin-bottom:5px;transition:transform .4s ease-in-out}.about-breakdown .item:hover>img[data-v-1d3d4b58]{transform:scale(1.1)}.about-breakdown .item[data-v-1d3d4b58]:hover{color:#00d0cb}@media screen and (max-width:650px){.about-breakdown .row[data-v-1d3d4b58]{flex-wrap:wrap}}.about-me[data-v-143d9318]{display:flex;flex-direction:row;max-width:900px;margin:6rem auto;color:#f4f4f4}.about-me h1[data-v-143d9318]{font-family:Lora,serif;padding-bottom:6px;font-size:5rem;letter-spacing:.06rem}.info[data-v-143d9318]{display:flex;flex-direction:column;font-size:1.8rem;padding-top:3rem;flex:1}.image[data-v-143d9318]{flex:1}@media screen and (max-width:920px){.about-me[data-v-143d9318]{display:flex;flex-direction:column-reverse;align-items:center}.image[data-v-143d9318]{width:100%;text-align:center}.image img[data-v-143d9318]{width:60%}.about-me h1[data-v-143d9318]{text-align:center;font-size:3.5rem}.about-me .info[data-v-143d9318]{padding:2rem;font-size:1.6rem}}.outcome{text-align:center}.outcome h1{font-size:5rem;margin:10px auto 0 auto;line-height:100%;font-weight:600;color:#000}.outcome .msg h2 span{z-index:2;color:#000;background:#fff;padding:2px 20px;font-weight:600;letter-spacing:.04rem}.outcome img{max-width:500px;width:calc(100% - 6rem);-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;z-index:1}.contact[data-v-45ca4783]{margin:3rem auto 0 auto}.contact .card[data-v-45ca4783]{max-width:900px;width:100%;background:#fff;display:flex;flex-direction:column;margin:auto;border-radius:2rem;padding:4rem}.first[data-v-45ca4783]{flex:1}.second[data-v-45ca4783]{flex:2;margin-left:3rem}.inputs[data-v-45ca4783]{width:100%;display:flex;flex-direction:row}.email-address[data-v-45ca4783]{text-align:center;margin:0 auto 20px}.email-address img[data-v-45ca4783]{width:140px}.wrong[data-v-45ca4783]{color:red}.valid[data-v-45ca4783]{background:#8ff6cf;border:1px solid #8ff6cf}.invalid[data-v-45ca4783]{background:#ffd6d6;border:1px solid #ffd6d6}form[data-v-45ca4783]{display:flex;flex-direction:column;align-items:center;width:100%}label[data-v-45ca4783]{font-size:.9rem;letter-spacing:.02rem;width:100%;padding:0 0 12px 0;color:#666}input[data-v-45ca4783]{padding:1rem 1rem;margin-bottom:25px;background:#fff}input[data-v-45ca4783],textarea[data-v-45ca4783]{width:100%;outline:none;font-size:1rem;letter-spacing:.06rem;border-radius:8px;border:1px solid #cecece;transition:.6s}textarea[data-v-45ca4783]{height:300px;resize:none;box-sizing:border-box;padding:12px;font-family:Lato,sans-serif;line-height:1.6rem}button[data-v-45ca4783]{padding:1rem 2.6rem;font-size:1.1rem;letter-spacing:.06rem;border-radius:8px;margin:3rem 0 -1rem 0;background:#00d4cc;color:#fff;transition:.6s}button[data-v-45ca4783]:disabled{opacity:.3}input[data-v-45ca4783]:focus,input[data-v-45ca4783]:hover,textarea[data-v-45ca4783]:focus,textarea[data-v-45ca4783]:hover{box-shadow:0 0 8px 2px #92edc7;border:1px solid #fff}.error-msg[data-v-45ca4783]{padding:1rem;background:#ffaeae;margin-bottom:2rem;border-radius:10px;border:2px solid red;color:red;text-align:center;font-size:.9rem}@media screen and (max-width:920px){.inputs[data-v-45ca4783]{flex-direction:column}.second[data-v-45ca4783]{flex:1;margin-left:0}.contact .card[data-v-45ca4783]{margin:1rem;width:calc(100% - 2rem)}}@media screen and (max-width:500px){.contact .card[data-v-45ca4783]{padding:3rem}}.details[data-v-4eceb9bb]{color:#f8f8f8;font-family:Lato,sans-serif;text-align:right;width:40%;padding:2.5rem 2.5rem 2.5rem 0;font-size:1.2rem;letter-spacing:.07rem;white-space:pre-line}.details h2[data-v-4eceb9bb]{text-align:right;font-size:3rem;margin:0;font-family:Lora,serif}span[data-v-4eceb9bb]{line-height:1.7rem;margin-top:1rem}.focusText[data-v-4eceb9bb]{color:#ff9505;flex:1;padding-top:1rem}@media screen and (max-width:950px){.details[data-v-4eceb9bb]{width:100%;text-align:left;padding:1rem 2rem;font-size:1.1rem;overflow:hidden}.details h2[data-v-4eceb9bb]{text-align:left;font-size:2.5rem}.details span[data-v-4eceb9bb]{margin-top:0;overflow:hidden}}@media screen and (max-width:560px){.details h2[data-v-4eceb9bb]{text-align:left;font-size:2.2rem}}@media screen and (max-width:350px){.details h2[data-v-4eceb9bb]{text-align:left;font-size:1.5rem}.details[data-v-4eceb9bb]{width:100%;text-align:left;padding:1rem 2rem;font-size:.9rem;line-height:1rem;overflow:hidden}.details span[data-v-4eceb9bb]{margin-top:0;overflow:hidden;line-height:1rem}}.preview[data-v-9ebe743e]{width:60%;padding-bottom:80%;position:relative}.img-window[data-v-9ebe743e]{position:absolute;margin:3rem;width:calc(100% - 6rem);height:calc(100% - 6rem);top:0;left:0;background-size:cover;font-size:.9rem;color:#f4f4f4;font-family:Lato}.img-window img[data-v-9ebe743e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.img-window video[data-v-9ebe743e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#252525}.controls[data-v-9ebe743e]{margin:4rem;width:calc(100% - 8rem);height:calc(100% - 8rem);position:absolute;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls:hover>.btn[data-v-9ebe743e]{opacity:1}.btn[data-v-9ebe743e]{border-radius:50%;transition:.5s;opacity:0;color:#fff}.btn[data-v-9ebe743e]:hover{border-radius:50%;box-shadow:3px 3px 10px 0 rgba(0,0,0,.3);color:#fb0}.pan-narrow[data-v-9ebe743e],.pan-wide[data-v-9ebe743e]{transition:.5s;opacity:0}@media screen and (min-width:951px){.pan-narrow[data-v-9ebe743e]:hover{-o-object-position:top;object-position:top;opacity:1;-webkit-animation:SCROLLDOWN-9ebe743e 20s infinite;animation:SCROLLDOWN-9ebe743e 20s infinite}.pan-wide[data-v-9ebe743e]:hover{-o-object-position:top;object-position:top;opacity:1;-webkit-animation:SCROLLRIGHT-9ebe743e 20s infinite;animation:SCROLLRIGHT-9ebe743e 20s infinite}}@media screen and (max-width:950px){.preview[data-v-9ebe743e]{width:100%;flex:1;position:relative;padding-bottom:0}.img-window[data-v-9ebe743e]{margin:0;width:100%;height:100%;overflow:hidden}}@-webkit-keyframes SCROLLDOWN-9ebe743e{0%{opacity:0;object-position:top}1%{opacity:1;object-position:top}95%{opacity:1;object-position:bottom}to{opacity:0;object-position:bottom}}@keyframes SCROLLDOWN-9ebe743e{0%{opacity:0;-o-object-position:top;object-position:top}1%{opacity:1;-o-object-position:top;object-position:top}95%{opacity:1;-o-object-position:bottom;object-position:bottom}to{opacity:0;-o-object-position:bottom;object-position:bottom}}@-webkit-keyframes SCROLLRIGHT-9ebe743e{0%{opacity:0;object-position:left}1%{opacity:1;object-position:left}95%{opacity:1;object-position:right}to{opacity:0;object-position:right}}@keyframes SCROLLRIGHT-9ebe743e{0%{opacity:0;-o-object-position:left;object-position:left}1%{opacity:1;-o-object-position:left;object-position:left}95%{opacity:1;-o-object-position:right;object-position:right}to{opacity:0;-o-object-position:right;object-position:right}}@media (prefers-reduced-motion){.pan-narrow[data-v-9ebe743e],.pan-wide[data-v-9ebe743e]{-webkit-animation-name:dissolve;animation-name:dissolve}}.links[data-v-c4162dee]{text-align:center;margin-top:2rem}.links img[data-v-c4162dee]{margin:0 15px;transition:.6s ease-in-out}.links img[data-v-c4162dee]:hover{transform:scale(1.11)}.portfolio-item{background:#2b2b2b;width:100%;max-width:900px;display:flex;flex-direction:row;border-radius:1.5rem;opacity:.5;transform:scale(.8);transition:.5s;position:relative;min-height:720px;overflow:hidden}.active{opacity:1;transform:scale(1)}.carouselChild{margin:0 5px}@media screen and (max-width:950px){.portfolio-item{flex-direction:column;height:100%;min-height:inherit}}.instructions{background-image:url(../img/clickdraginst.fff708a9.svg);background-size:40%;background-position:50%;background-repeat:no-repeat}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(var(--swiper-navigation-size)*-1/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:normal;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:"next"}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-slide{opacity:.9;display:flex;align-items:center;justify-content:center}.swiper-slide-visible{opacity:1}.swiper-wrapper{margin:0 auto}.swiper-container{display:flex;flex-direction:column-reverse;margin:0 auto;overflow:hidden}.swiper-slide-next,.swiper-slide-prev{pointer-events:none}.swiper-button-next,.swiper-button-prev{color:#252525;background:#fff;border-radius:50%;margin:-9% 1rem 0 2rem;width:70px;height:70px;box-shadow:0 0 8px 0 rgba(0,0,0,.4);transition:.6s}.swiper-button-next:focus,.swiper-button-prev:focus{border:none;outline:none}.swiper-button-next:hover,.swiper-button-prev:hover{transform:scale(1.1);color:#ff9505}.swiper-pagination{position:relative;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:1rem 0}.swiper-pagination-bullet{background:none;width:10px;height:10px;border:2px solid #f4f4f4;opacity:.8;outline:none;border-radius:50%}.swiper-pagination-bullet-active{background:#f4f4f4;border:2px solid #f4f4f4;opacity:1;transform:scale(1.4);transition:.6s;box-shadow:0 0 5px 0 #fff}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px}.portfolio-carousel{min-width:100%;min-height:720px;display:flex;flex-direction:row;box-sizing:border-box;position:absolute;top:0;left:0;transition:1s}.portfolio-carousel *{flex-shrink:0;margin:0}@media screen and (max-width:950px){.swiper-container{height:90vh}}@media screen and (max-width:1150px){.swiper-button-next,.swiper-button-prev{display:none}}h1[data-v-19729ab9]{text-align:center;margin:4rem;font-size:3rem;color:#f8f8f8;opacity:0}.narrow[data-v-19729ab9]{max-width:900px;margin:0 auto}.portfolio[data-v-19729ab9]{font-family:Lora,serif;margin-top:40vh}@media screen and (max-width:951px){.portfolio-content-wrapper[data-v-19729ab9]{height:100vh;position:relative;top:0}}.links img[data-v-49ac40b5]{margin:10px}.links img[data-v-49ac40b5]:hover{filter:sepia(100%) saturate(300%) brightness(70%) hue-rotate(130deg)}.tag[data-v-49ac40b5]{margin:30px 0 0 0;text-transform:uppercase;font-weight:600}.footer[data-v-49ac40b5]{min-height:100px;font-size:.8rem;display:flex;justify-content:center;align-items:center;color:#f4f4f4;padding:2rem}li,ul{margin:0;padding:0;list-style-type:none}button{border:none;background-color:transparent}button:focus{outline:1px #fff}.row{display:flex;flex-direction:row}.spread{justify-content:space-between}.col{display:flex;flex-direction:column}h1,h2,h3{padding:0;margin:0}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.cell{flex:1}body,html{font-family:Open Sans,sans-serif;padding:0;margin:0}body{background-color:#f7931e}*{box-sizing:border-box}.section-header{font-family:Lora,serif;font-size:2.5rem;letter-spacing:.04rem;color:#f4f4f4;text-align:center}.col1{color:#ff9505}.bgCol1{padding:0 6px;background:#ff9505}.col2{color:#00d0cb}.bgCol2{padding:0 6px;background:#00d0cb}.col3{color:#ff5964}.bgCol3{padding:0 6px;background:#ff5964}.col4{color:#690375}.bgCol4{padding:0 6px;background:#690375}.bgCol5,.col5{color:#252525}.bgCol5{padding:0 6px}.container{max-width:1300px;margin:0 auto}#app{position:absolute;top:0;left:0;width:100%;min-height:100px}