@import url(https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap);@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);#app[data-v-5709cca0]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}a,body,label,p{font-family:Work Sans,sans-serif;color:#fdda7e;text-shadow:0 4px 3px rgba(0,0,0,.15),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1)}body{display:contents}h1,h2,h3,h4,h5,h6{font-family:Crimson Text,serif;color:#ffb900;font-weight:700;text-shadow:0 4px 3px rgba(0,0,0,.15),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1)}#app{max-width:100vw}nav{position:fixed;z-index:5;top:0;margin:25px;justify-content:center;align-items:center}nav,nav ul{display:flex}nav ul{position:relative;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#35363a;padding:0;margin:0;border-radius:2px}nav li{padding:0 20px;list-style:none;height:60px;border:2px solid #35363a}.active{background-color:#ffb900;-webkit-animation:3s;animation:3s;transition:.3s;border:2px solid #ffb900}.active:after{border-bottom:unset!important;transition:.3s}nav li:hover{background-color:#fbfbfb;-webkit-animation:3s;animation:3s;transition:.3s;color:#000}nav li:hover:after{border-bottom:unset!important;transition:.3s}nav li:after{border-bottom:2px solid #ffb900;content:"";display:block;margin:auto;width:90%}nav li:last-child:after{border-bottom:unset!important}nav li:hover a{color:#ffb900;text-decoration:none;text-shadow:0 4px 3px rgba(0,0,0,.2),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1)}nav a{display:flex;justify-content:center;align-items:center;font-size:15px;text-decoration:none;color:#fff;font-weight:700;text-shadow:0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1);width:100%;height:100%}div:first-child>div>div{padding:0}#app>div>div:first-child{text-align:left;padding:0 0 0 150px}#app>div>div:first-child>div{padding:0;margin:0}#hero .filler{position:absolute;bottom:0;width:100%;height:5vh;background:#323232;background:linear-gradient(180deg,rgba(50,50,50,.8),#fbfbfb 50%)}#hero{height:105vh;background:url(../img/test.14e8e2aa.jpg);background-size:cover;background-position:50%;position:relative}#hero div{display:flex;justify-content:center;align-items:center;height:100%;width:100%;flex-direction:column}#hero p{margin-left:50px;font-size:3rem}#hero h1,#hero p{text-shadow:0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1)}#hero h1{font-size:4rem;margin-bottom:-30px;margin-right:50px;font-weight:700}#About .filler{position:relative;height:300px;bottom:0;width:100%;height:5vh;background:#fbfbfb;background:linear-gradient(180deg,#fbfbfb 50%,#ffb900 70%)}#About{display:flex;flex-direction:column;justify-content:center;background-color:#fbfbfb}#About ul{list-style:none;padding:0;margin:0}#About .row .col .row{padding:20px 0}#About li{display:flex;justify-content:start;align-items:center}#About p,li{color:#424b54;text-align:left;font-size:1.1rem}#About li strong{font-weight:bolder;margin:0 5px;color:#000}#About li span{display:flex;justify-content:center;align-items:center;font-weight:400;padding:5px 0}#About>div:first-child{text-align:left;padding:0 0 0 12%;margin:auto}#About h2{color:#ffb900;margin:0;padding-bottom:10px;font-size:2rem;margin-bottom:10px}#About h2:after{border-bottom:3px solid #fdda7e;content:"";display:flex;padding-top:10px;position:absolute;margin:auto}#About div h2:after{width:12%}#About div .row h2:after{width:50%}#About p,#Resume p{text-align:left;font-size:1.1rem}#About svg{color:#ffb900;margin-right:5px;width:24px;height:24px;filter:drop-shadow(0 4px 3px #FFB90080) drop-shadow(0 8px 13px rgb(0 0 0/30%)) drop-shadow(0 18px 23px rgb(0 0 0/10%))}#Skills{display:flex;background-color:#ffb900;flex-direction:column;justify-content:space-between;align-items:end}#Skills:first-child{margin:auto}#Skills h2{color:#424b54;margin:0;padding-bottom:10px;font-size:2rem;margin-bottom:10px;text-shadow:0 4px 3px rgb(0 0 0/30%),0 8px 13px rgb(0 0 0/10%),0 18px 23px rgb(0 0 0/10%)}#Skills h2:after{border-bottom:3px solid #35363a;content:"";display:flex;padding-top:10px;position:absolute;margin:auto;width:20%}#Skills li{display:flex;justify-content:space-between;color:#35363a;align-items:baseline;text-justify:auto}#Skills svg{margin:0 2px;width:24px;height:24px;color:#35363a;text-shadow:0 4px 3px rgba(0,0,0,.15),0 8px 13px rgba(0,0,0,.1),0 18px 23px rgba(0,0,0,.1)}#Skills section:first-of-type p,#Skills section:first-of-type span{margin:auto 0;display:flex;justify-content:center;align-items:baseline;padding:2px}#Skills li p,#Skills li span{display:flex;justify-content:space-between;color:#424b54;text-shadow:0 4px 3px rgb(0 0 0/30%),0 8px 13px rgb(0 0 0/10%),0 18px 23px rgb(0 0 0/10%)}#Skills section:first-of-type li span{filter:drop-shadow(0 4px 3px rgb(0 0 0/30%)) drop-shadow(0 8px 13px rgb(255 255 255/30%)) drop-shadow(0 18px 23px rgb(0 0 0/10%))}#Skills h3{padding:10px 0;font-size:1.5rem;margin-left:10px;color:#35363a;text-shadow:0 4px 3px rgb(0 0 0/30%),0 8px 13px rgb(0 0 0/10%),0 18px 23px rgb(0 0 0/10%)}#Skills .filler{position:relative;height:300px;bottom:0;width:100%;height:5vh;background:#fbfbfb;background:linear-gradient(180deg,#ffb900 50%,#424b54 70%)}#Resume .filler{position:unset;bottom:0;width:100%;height:5vh;background:#323232;background:linear-gradient(180deg,#424b54 50%,#ffb900 70%)}#Resume{display:flex;flex-direction:column;justify-content:center;align-items:end;background-color:#424b54}#Resume h3{padding:1vh 0;color:#fff}#Resume>div{text-align:left;padding:0 0 0 12%}#Resume li{color:#fff;text-decoration:none;list-style:none}#Resume h2:after{border-bottom:3px solid #fbfbfb;content:"";display:flex;padding-top:10px;position:absolute;margin:auto;width:20%}#Resume .col{max-width:50%}#Portfolio{background:#ffb900}#Portfolio .row{display:grid;grid-template-columns:auto auto auto;row-gap:20px;-moz-column-gap:20px;column-gap:20px;padding-bottom:5vh}#Portfolio .col{display:flex;position:relative}#Portfolio .col div{position:absolute;width:100%;height:100%;justify-content:flex-end;align-content:stretch;flex-direction:column;display:none;background:hsla(0,0%,100%,.5019607843137255)}#Portfolio .col div div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff;height:-webkit-min-content;height:-moz-min-content;height:min-content;position:static}#Portfolio .col div p{margin:12px 24px;font-size:1rem;font-weight:bolder}#Portfolio img{width:100%;height:auto;max-width:25vw}#Portfolio .col:hover div{z-index:2;display:flex!important;padding-right:7px}#Portfolio h2{color:#424b54;font-weight:bolder;margin:0;padding-bottom:20px;font-size:2rem;margin-bottom:10px}#Portfolio h2:after{border-bottom:3px solid #35363a;content:"";display:flex;padding-top:10px;position:absolute;margin:auto;width:20%}#contact{background-color:#fff;background-size:cover;color:#000;display:flex;flex-direction:column}#contact div div{display:flex;flex-direction:row-reverse;text-align:right}#contact img{height:auto;width:100%;padding-bottom:5vh}#contact section{width:100%;height:auto;display:flex}#contact div{display:flex;flex-direction:column;width:100%}#contact input{border:2px solid #ffb900;padding:5px 7.5px;border-radius:3px}#contact section .col{width:100%;width:-moz-available}#contact form{width:100%}::-moz-placeholder{color:#ffb900}:-ms-input-placeholder{color:#ffb900}::placeholder{color:#ffb900}#contact placeholder{border-color:#ffb900}#contact textarea{border:2px solid #ffb900;padding:5px 7.5px;background:#fbfbfb;border-radius:3px;width:100%;min-width:35vw}#contact label{color:#424b54;font-weight:bolder}#contact iframe{max-width:80vw;width:100%;min-width:35vw}#contact input{background:#fbfbfb}#Resume .resume-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50px;left:-9px;top:0;background:#fff;border:2px solid #f7ca18}#Resume .resume-item{padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid #fbe58c;position:relative;height:autofill}.row{display:flex;align-items:stretch;justify-content:space-around;gap:50px;margin:0}form span{align-items:center;padding:5px 0}form span,form span:nth-child(4){display:flex;justify-content:space-between}form span:nth-child(4){padding-top:10px;flex-direction:column;align-items:flex-end}form input[type=submit]{width:100%}@media only screen and (max-width:680px){#navbar{display:flex;flex-direction:column;position:fixed;width:100%;justify-content:flex-end;align-items:flex-end;background-color:#35363a;margin:0;color:#fff;box-shadow:2px 2px 2px rgba(53,54,58,.5019607843137255)}#navbar svg{color:#fff;padding:2px 0}#navbar ul{display:flex;align-items:center;width:100%}nav button img{width:15px;padding:50px}nav button{display:block;background-color:hsla(0,0%,100%,.00392156862745098);border:none;border-left:3px solid #f7ca18;height:auto}nav li{width:100vw}nav a{width:100}nav div{width:100%;display:flex;align-items:center;justify-content:space-between}nav div h1{margin-left:20px}nav ul{display:none}iframe,textarea{max-width:100vw}#About .row{display:flex;flex-direction:column}#app>div>div:first-child{text-align:left;padding:2px}}@media only screen and (min-width:680px){nav{display:flex;height:100vh;position:fixed;z-index:5;top:0;margin:25px;justify-content:center;align-items:center}nav div{display:none}#About .row,nav ul{display:flex}#About .row{flex-direction:column}#About .row .col .row{flex-direction:row}#app>div>div:first-child{text-align:left;padding:0 0 0 160px}}@media only screen and (min-width:768px){#About .row{flex-direction:row}#About .row .col .row{display:flex;flex-direction:row;gap:10px}}@media only screen and (min-width:992px){#app>div>div:first-child{padding:0 0 0 160px}}@media only screen and (min-width:1200px){#app>div>div:first-child{text-align:left;max-width:1200px;padding:0 0 0 160px;margin:0 auto}#Skills div{width:1208px}}@media only screen and (min-width:1450px){#app>div>div:first-child{padding:0}}