body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;background-image:url(https://i.pinimg.com/originals/1a/3e/73/1a3e733334ec8948b0328af4e5b7288a.jpg);background-repeat:no-repeat;background-size:cover;overflow:hidden}*,body{margin:0}img{visibility:visible}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--bg:#242526;--bg-accent:#484a4d;--text-color:#dadce1;--nav-size:30px;--border:1px solid #474a4d;--border-radius:4px;--speed:500ms}h1,h2{font-size:1.1rem;margin:0}ul{list-style:none;margin:0;padding:0}a{color:#dadce1;color:var(--text-color);text-decoration:none;font-size:1rem}.navbar{height:30px;height:var(--nav-size);background-color:#242526;background-color:var(--bg);border-bottom:1px solid #474a4d;border-bottom:var(--border);display:flex;justify-content:space-between;position:fixed;z-index:999;width:100vw}.navbar-nav{max-width:100%;height:100%;display:flex;justify-content:flex-start;z-index:1}.nav-item{justify-content:center}.nav-item,.navbar__links{display:flex;align-items:center}.navbar__links{height:100%;justify-content:space-evenly}.navbar__links i{padding-right:10px;color:#fff}.icon-button{white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:5px;margin:2px;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.active{background-color:#2727ca}.icon-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.icon-button svg{fill:#dadce1;fill:var(--text-color);width:20px;height:20px}.desktop{height:100vh}.v3__desktop{display:unset}.v3__mobile{display:none}@media only screen and (max-width:731px){body{background-image:unset}.v3__desktop{display:none}.v3__mobile{display:flex;flex-direction:column;height:100vh;height:calc(var(--vh, 1vh)*100);width:100vw;background-image:url(https://tappd-seeds.s3-us-west-1.amazonaws.com/v3/c0c8b494aacf479504f7d8ee1b295a41.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}}.dropdown{position:absolute;top:30px;left:162px;width:280px;transform:translateX(-45%);background-color:rgba(37,37,38,.8);border:var(--border);border-top:none;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);padding:.2rem 0;overflow:hidden;transition:height var(--speed) ease}.menu-item{height:30px;width:100%;display:flex;align-items:center;border-radius:var(--border-radius);transition:background var(--speed);padding:.3rem}.menu-item:hover{background-color:#2727ca;-webkit-filter:brightness(1.2);filter:brightness(1.2)}.icon-right{margin-left:auto}.menu{width:100%}.menu-primary-enter{position:absolute;transform:translateX(-110%)}.menu-primary-enter-active{transform:translateX(0);transition:all var(--speed) ease}.menu-primary-exit{position:absolute}.menu-primary-exit-active{transform:translateX(-110%);transition:all var(--speed) ease}.menu-secondary-enter{transform:translateX(110%)}.menu-secondary-enter-active{transform:translateX(0);transition:all var(--speed) ease}.menu-secondary-exit-active{transform:translateX(110%);transition:all var(--speed) ease}.fa-js-square{color:#f1da1b}.fa-react{color:#5dd4f5}.fa-gem{color:#e61621}.fa-python{color:#2f97f5}.fa-database{color:#0076f7}.fa-node{color:#87c000}.fa-aws{color:#f2941c}.dropdownmenu__name{font-weight:800}.dock{position:absolute;bottom:0;display:flex;justify-content:center;width:100vw}.dock__background{background-color:var(--bg);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);opacity:.8;border:1px solid #a9a9a9;border-bottom:none}.dock__icon{margin-bottom:10px;cursor:pointer}.dock__icon h1{font-size:.5rem;bottom:70px;background-color:var(--bg);opacity:.5;color:#fff;border-radius:var(--border-radius);padding:4px;text-align:center;margin-left:auto;margin-right:auto}.dock__icon:hover h1{opacity:1;font-size:1rem;transition:all .2s}.dock__icon img{max-height:95%;max-width:95%;margin-left:auto;margin-right:auto}.project{cursor:pointer;height:100%;object-fit:contain}.icon{display:flex;flex-direction:column;align-items:center;color:#fff;font-weight:600;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.icon a{color:#000;font-size:.5rem;padding:0 3px;background-color:#fff;border-radius:5px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.icon a:hover{color:#fff;background-color:#1e90ff}.icon h1{font-size:.5rem;color:#000;padding:0 3px}.icon__imgcontainer{height:65px;width:65px;overflow:hidden;border-radius:15px;display:flex;justify-content:center;align-items:center}.project__links{padding-top:5px;display:flex;justify-content:space-between}.button-3d{position:relative;width:auto;color:#ecf0f1;text-decoration:none;border-radius:5px;border:1px solid #f39c12;background:#e67e22;text-align:center;padding:16px 18px 14px;transition:all .1s;box-shadow:0 4px 0 #d35400}.button-3d:active{box-shadow:0 2px 0 #d35400;position:relative;top:4px}.window{border:1px solid #1d1d1e;border-radius:var(--border-radius);width:75vw;max-width:1100px;height:60vh}.window__projects{height:75vh;width:90vw;max-width:unset}.window__top{background-color:#232626;border:1px solid #666669;border-bottom:none;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);display:flex;align-items:flex-start;justify-content:center;height:5%}.window__name{color:#fff;pointer-events:none;align-self:center;padding:2px 0}.window__body{background-color:#303744;border:1px solid #666669;border-top-color:#22272d;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);overflow:scroll;height:96.88%}.window__buttons{padding:2px;position:absolute;display:flex;left:0;cursor:pointer}.window__buttons div{border-radius:10px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-left:6px}.window__buttons i{opacity:0}.window__buttons:hover i{opacity:1}.window__close{background-color:#fd5854;border:1px solid #84020b}.fa-times{color:#84020b}.window__blank{background-color:#696a6e;border:1px solid #505050}.aboutme{background-color:#313437;height:100%;display:flex;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.aboutme__left{background-color:#313437;flex:1 1}.aboutme__frame,.aboutme__left{display:flex;justify-content:center;align-items:center}.aboutme__frame{height:16vw;width:16vw;border-radius:1000000px;background:linear-gradient(#fcfbfd,#cecdd8);max-height:220px;max-width:220px}.aboutme__frameinner{height:14.5vw;width:14.5vw;border-radius:10000000px;overflow:hidden;display:flex;align-items:center;justify-content:center;max-height:200px;max-width:200px}.aboutme__frameinner img{max-width:120%}.aboutme__right{background-color:#313437;flex:1.3 1;height:100%;position:relative;overflow:hidden}.aboutme__name{display:flex;align-items:flex-end;justify-content:flex-start;margin-top:10%}.aboutme__name h1{font-weight:900;font-size:2rem;padding-right:10px}.aboutme__name h2{margin:unset;font-weight:300;font-size:2.5rem}.aboutme__header h3{margin:unset;font-size:.6rem}.aboutme__body{margin-top:25px;font-size:1rem;line-height:1.4rem;overflow:scroll;margin-right:50px;min-height:100px;position:absolute;bottom:50px;top:25%}.aboutme__footer{display:flex;position:absolute;bottom:0;height:10%;min-height:50px;background-color:#313437;width:100%}.aboutme__footer div{margin-top:15px;margin-right:15px;background-color:#65686a;font-size:.8rem;padding:0 10px;border-radius:3px;cursor:pointer;max-height:16px}.contact{width:100%}.contact,.contact__left{height:100%;display:flex}.contact__left{background-color:#313437;width:65%;flex-direction:column;justify-content:center;align-items:center}.contact__left h1{margin-bottom:40px;font-weight:400;font-size:40px;background-image:linear-gradient(90deg,red,#ff0,#0ff,#0f0,#00f);background-clip:text;-webkit-background-clip:text;-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background-size:1000%;color:transparent}.contact__right{background-color:#313437;height:100%;width:35%}.contact__email,.contact__phone,.contact__social{height:33.2%;width:100%;background-color:#313437;color:#afafaf;display:flex;align-items:center}.email__info,.phone__info,.social__info{display:flex;flex-direction:column;width:100%;align-items:flex-start;margin-left:25px}.email__info h1,.phone__info h1,.social__info h1{color:#f7f8f9;font-weight:600}.email__info h2,.phone__info h2,.social__info h2{font-size:.9rem;font-weight:400;padding-top:5px}.contact__form{width:80%;display:flex;flex-direction:column;padding-bottom:40px}.form__top{display:flex}.form__bottom{width:100%;margin-top:10px}.form__bottom .form{width:100%;height:200px}.spacer{width:10px}.contact__divider{width:80%;height:1px;background-color:#afafaf;margin-left:auto;margin-right:auto}.form{width:50%;position:relative;height:50px;overflow:hidden}.form input{width:100%;height:100%;padding-top:10px;border:none;outline:none;background-color:#242424}.form label{bottom:0;pointer-events:none;border-bottom:1px solid #000;color:#afafaf}.form label,.form label:after{position:absolute;left:0;height:100%;width:100%}.form label:after{content:"";border-bottom:3px solid #5ac8fa;bottom:-1px;transform:translateX(-100%);transition:transform .3s ease}.form input:focus+.label-name .content-name,.form input:valid+.label-name .content-name{transform:translateY(-120%);font-size:14px;color:#f7f8f9;font-weight:700}.form input:focus{background-color:#372f2f}input,select,textarea{color:#f7f8f9}.form textarea:focus+.label-name .content-name,.form textarea:valid+.label-name .content-name{transform:translateY(-1000%);font-size:14px;color:#f7f8f9;font-weight:700}.form textarea:focus{background-color:#372f2f}.form input:focus+.label-name:after,.form input:valid+.label-name:after,.form textarea:focus+.label-name:after,.form textarea:valid+.label-name:after{transform:translateX(0)}.form textarea{padding-top:25px;width:100%;height:100%;box-sizing:border-box;box-shadow:none;outline:none;border:none;border-bottom:3px solid #242424;margin-bottom:20px;background-color:#242424;resize:none}.contact__form input[type=submit]{border-bottom:none;cursor:pointer;background:#4b4b4c;color:#e3e4e3;text-transform:uppercase;width:40%;padding:10px 0;margin:10px auto 0;border-radius:var(--border-radius)}.projects{width:100%;height:100%;display:flex}.projects__left{height:100%;width:30%;overflow:hidden;border-right:1px solid #000}.projects__leftbody{height:calc(100% - 30px);width:100%;background-color:#1e2024;overflow:scroll}.projects__right{height:100%;width:70%;background-color:#fff}.projects__leftheader{display:flex;width:100%;justify-content:flex-start;align-items:center;color:#fff;background-color:#2d2e33;border-bottom:1px solid #38393d;height:30px;padding-left:14px;position:-webkit-sticky;position:sticky}.projects__leftheader>h4{padding-right:8px}.projectitem__container{display:flex;flex-direction:column;align-items:center;background-color:#1e2024;color:#d5d5d7}.projectitem{width:85%;padding:10px 0;cursor:pointer}.projectitem__header{display:flex;justify-content:space-between}.projectitem__title{font-weight:700}.projectitem__tech{font-size:.8rem}.projectitem__date,.projectitem__description{color:#87888d}.projectcontent{height:100%;width:100%;background-color:#fff;overflow:scroll}.projectcontent__header{display:flex;width:90%;margin-left:auto;margin-right:auto;justify-content:space-between;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5;position:relative}@-webkit-keyframes animate{0%{background-position:0 100%}50%{background-position:100% 0}to{background-position:0 100%}}@keyframes animate{0%{background-position:0 100%}50%{background-position:100% 0}to{background-position:0 100%}}.projectcontent__headerleft>h1{font-size:40px;background-image:linear-gradient(90deg,red,#ff0,#0ff,#0f0,#00f);background-clip:text;-webkit-background-clip:text;-webkit-animation:animate 10s linear infinite;animation:animate 10s linear infinite;background-size:1000%;color:transparent}.projectcontent__headerleft>h2{font-size:12px;font-weight:500;padding-bottom:2px;padding-top:5px}.projectcontent__headerleft>h3{font-size:12px;font-weight:500;color:#909090}.projectcontent_gifcontainer{width:45%;float:right;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.projectcontent__iconcontainer,.projectcontent_gifcontainer{overflow:hidden;display:flex;justify-content:center;align-items:center}.projectcontent__iconcontainer{background-color:#e5e5e5;height:55px;width:55px;border-radius:35px;margin-left:8px}.projectcontent__iconcontainer>img{max-height:80%;max-width:80%}.projectcontent__headerrighttop{display:flex}.projectcontent__headerrighttop>h3{font-size:12px;font-weight:500;color:#909090}.projectcontent__body{width:90%;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;overflow:scroll}.projectcontent_gifcontainer>img{min-width:100%;min-height:100%}.projectcontent__challenges>h2,.projectcontent__keyfeatures>h2{border-bottom:1px solid #e5e5e5;width:50%;padding-bottom:4px;margin-bottom:15px;margin-top:15px}.projectcontent__feature{padding-bottom:10px;font-weight:400;width:50%;font-size:12px}.projectcontent_challenge{list-style-type:circle;margin-left:30px;padding-bottom:4px;font-weight:400;font-size:12px}.projectcontent__headerrightbottom{display:flex;bottom:0;right:0;position:absolute}.projectcontent__button{margin-bottom:10px;border-radius:10px;background-color:#0379ff;color:#fff;padding:2px 10px;display:flex;justify-content:center;align-items:center;margin-right:10px}.projectcontent__button>a{font-size:12px;font-weight:800}.clock,.projectcontent__buttonlink{color:#fff}.clock{font-weight:400;padding-right:10px}.mobilehome{flex:.88 1;width:90%;padding:0 2vw;flex-direction:column;overflow:scroll}.mobilehome,.mobilehome__iconrow{height:90%;align-self:center;display:flex}.mobilehome__iconrow{flex:.20 1;width:100%;margin:2vw;padding:2vw;justify-content:space-between;align-content:center}.mobileicon{display:flex;flex-direction:column;align-items:center;z-index:100;transition:all .1s ease-in-out}.closed{opacity:.2}.open{opacity:1;transition:all .12s ease-in-out}.mobileicon>img{height:20vw;width:20vw;max-height:100px;object-fit:contain}.mobileicon>p{font-size:12px;background:#fff;padding:0 5px;border-radius:5px}.mobileicon__link{color:#000}.mobiledock{flex:.12 1;width:90%;height:12%;background-color:rgba(0,0,0,.3);border-radius:12px;align-self:center;padding:1vw 2vw 3vw;align-content:center;margin-left:auto;margin-right:auto;margin-bottom:10px;position:fixed;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.mobiledock,.mobileheader{display:flex;justify-content:space-between}.mobileheader{width:100vw;height:30px;align-items:center;z-index:200}.mobileheader__left{padding-left:10px}.mobileheader__left>.clock{font-weight:600}.mobileheader__right{padding-right:10px;color:#fff}.mobileheader__right>i{padding-left:8px}.mobileaboutme{position:fixed;background:#5b78c7;height:100vh;width:100%;flex-direction:column;clip-path:circle(0 at 10% 90%);-webkit-clip-path:circle(0 at 10% 90%);transition:all .5s ease-out;pointer-events:none}.mobileaboutme.open{clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%);pointer-events:all}.mobileaboutme__child{width:100%;height:100%;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.mobileaboutme__child.fade{opacity:1}.mobileaboutme__imgcontainer>img{height:200px;width:200px;object-fit:contain}.mobileaboutme__imgcontainer{height:130px;width:130px;border-radius:2000px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:35px;border:3px solid #000}.mobileaboutme__namecontainer{margin-top:12px;display:flex;align-items:flex-end;justify-content:center;color:#fff}.mobileaboutme__namecontainer>h2{font-weight:800;font-size:20px;margin-bottom:2px}.mobileaboutme__namecontainer>h1{font-weight:300;font-size:28px;margin-left:5px}.mobileaboutme__child>h3{font-size:10px;color:#fff}.mobileaboutme__body{width:90%;margin:16px auto auto;color:#fff}.mobilecontact{position:fixed;background:tomato;height:80vh;width:100%;flex-direction:column;clip-path:circle(0 at 35% 90%);-webkit-clip-path:circle(0 at 35% 90%);transition:all .5s ease-out;pointer-events:none;padding-bottom:20vh}.mobilecontact.open{clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%);pointer-events:all}.mobilecontact__child{opacity:0;display:flex;flex-direction:column;width:90%;height:100%;align-items:center;justify-content:flex-start;color:#fff;margin-left:auto;margin-right:auto}.mobilecontact__child.fade{opacity:1}.mobilecontact__child>h1{font-size:30px;padding-bottom:10px;padding-top:40px}.mobilecontact__form{width:100%;display:flex;flex-direction:column;padding-bottom:40px}.mobileform{width:100%;position:relative;height:50px;overflow:hidden}.mobileform input{width:100%;height:100%;padding-top:10px;border:none;outline:none;background-color:tomato}.mobileform label{bottom:0;pointer-events:none;border-bottom:1px solid #364f6b;color:#f0f0f0;font-weight:600}.mobileform label,.mobileform label:after{position:absolute;left:0;height:100%;width:100%}.mobileform label:after{content:"";border-bottom:3px solid #43dde6;bottom:-1px;transform:translateX(-100%);transition:transform .3s ease}.content-name{position:absolute;bottom:5px;left:0;transition:all .3s ease}.mobileform input:focus+.label-name .content-name,.mobileform input:valid+.label-name .content-name{transform:translateY(-120%);font-size:14px;color:#f0f0f0}.mobileform input:focus{background-color:tomato}input,select,textarea{color:#f0f0f0}.mobileform textarea:focus+.label-name .content-name,.mobileform textarea:valid+.label-name .content-name{transform:translateY(-1000%);font-size:14px;color:#f0f0f0}.mobileform textarea:focus{background-color:tomato}.mobileform input:focus+.label-name:after,.mobileform input:valid+.label-name:after,.mobileform textarea:focus+.label-name:after,.mobileform textarea:valid+.label-name:after{transform:translateX(0)}.mobileform textarea{padding-top:25px;width:100%;height:100%;box-sizing:border-box;box-shadow:none;outline:none;border:none;border-bottom:3px solid tomato;margin-bottom:20px;background-color:tomato;resize:none}.mobileform__bottom{height:200px}.mobilecontact__form input[type=submit]{border-bottom:none;cursor:pointer;background:#f0f0f0;color:#364f6b;text-transform:uppercase;width:100%;padding:10px 0;margin-top:30px;margin-left:auto;margin-right:auto;border-radius:var(--border-radius)}.mobileresume{position:fixed;background:#30e3ca;height:100vh;width:100%;flex-direction:column;clip-path:circle(0 at 60% 90%);-webkit-clip-path:circle(0 at 60% 90%);transition:all .5s ease-out;pointer-events:none}.mobileresume.open{clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%);pointer-events:all}.mobileresume__child{opacity:0;height:100%}.mobileresume__child.fade{opacity:1}.mobileresume__container{width:95%;height:75%;margin:35px auto auto;background-color:#fff}.mobileresume__container>iframe{width:100%;height:100%}.mobileprojects{position:fixed;background:plum;height:100vh;width:100%;flex-direction:column;clip-path:circle(0 at 85% 90%);-webkit-clip-path:circle(0 at 85% 90%);transition:all .5s ease-out;pointer-events:none;padding-top:30px}.mobileprojects.open{clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%);pointer-events:all}.mobileprojects__child{opacity:0;height:75%;overflow:scroll}.mobileprojects__child.fade{opacity:1}
/*# sourceMappingURL=main.fbfb2d67.chunk.css.map */