/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}.synopsis,sub,sup{position:relative}abbr[title],nav ul li{text-decoration:underline}.homepage ul,.synopsis main ul,nav ul{list-style-type:none}.intro,.pattern:before{min-height:100%}.contact h1,.education h1,.experience h1,.showcase h1,.synopsis header{text-align:center}@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;src:local('Archivo Black Regular'),local('ArchivoBlack-Regular'),url(https://fonts.gstatic.com/s/archivoblack/v10/HTxqL289NzCGg4MzN6KJ7eW6CYyF-w.ttf) format('truetype')}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;height:100%}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}html{font-family:"Archivo Black",sans-serif;height:100%}.synopsis{width:100%;height:100%;padding:1px;z-index:200;display:flex;top:0;left:0;flex-direction:column;justify-content:center;align-items:center;color:#fff;background-size:400% 400%;-webkit-animation:gradientAnimate 8s ease infinite;-moz-animation:gradientAnimate 8s ease infinite;animation:gradientAnimate 8s ease infinite;transition:height 2s,opacity .5s;-webkit-transition:height 2s,opacity .5s}.synopsis footer{margin-top:auto}.synopsis header{margin-top:auto;font-size:4rem;text-shadow:2px 6px #000}.synopsis main ul{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:0;margin:0}.synopsis main ul li{margin-right:10px}.synopsis main ul li:not(:first-child):before{content:" -  "}.synopsis main .social-media{display:flex;flex-direction:row;width:500px;justify-content:space-between;margin-top:40px;margin-bottom:3px}.synopsis main .social-media div svg{fill:#fff;transition:all 1s ease-in-out}@media (max-width:768px){.synopsis header{font-size:1rem}.synopsis main ul li{font-size:.7rem}.synopsis main .social-media{width:350px}.synopsis main .social-media div svg{width:70px;height:70px}footer{text-align:center}}.synopsis main .social-media div svg:hover{width:110px;height:110px;z-index:10}footer{margin:5px 0}footer .down{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #080808;margin:0 auto 15px;animation:bounce 1.2s;animation-iteration-count:infinite}@keyframes bounce{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,8px,0)}}@-webkit-keyframes gradientAnimate{0%,100%{background-position:0 54%}50%{background-position:100% 47%}}@-moz-keyframes gradientAnimate{0%,100%{background-position:0 54%}50%{background-position:100% 47%}}@keyframes gradientAnimate{0%,100%{background-position:0 54%}50%{background-position:100% 47%}}.pattern{z-index:-10;opacity:.9;position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(45deg,#1b2040,#071029);overflow:hidden}.pattern:before{content:"";z-index:2;position:absolute;top:0;left:0;display:block;min-width:100%;opacity:.45;background:radial-gradient(rgba(255,255,255,0),theme("colors.black.5"));mix-blend-mode:overlay}.pattern-container{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr);width:1640px;height:1080px;transform:rotate(45deg) scale(1.75) translate3d(19%,-31%,0)}@media (max-width:1440px){.pattern-container{width:1140px;hight:948px}}@media (max-width:1200px){.pattern-container{width:1000px;height:500px;transform:rotate(45deg) scale(2.75) translate3d(14%,17%,0)}}@media (max-width:768px){.pattern-container{width:500px;height:400px;transform:rotate(135deg) scale(2.75) translate3d(12%,1%,0)}}.pattern-container span:nth-child(1):after,.pattern-container span:nth-child(3):after{content:"";top:0;left:0;width:100%;height:calc(100% - 95px)}.pattern-container span{animation:breathe 25s infinite}.pattern-container span:nth-child(1){position:relative;grid-column:span 3;grid-row:span 3;background:#68ddff}.pattern-container span:nth-child(1):after{position:absolute;background:linear-gradient(to right,transparent,#9ae5ff)}.pattern-container span:nth-child(2){grid-column:span 2;grid-row:span 3;background:linear-gradient(45deg,#2c3155,#0c142f);animation:breathe2 25s infinite}.pattern-container span:nth-child(3){position:relative;grid-column:span 1;grid-row:span 3;background-color:#11173c}.pattern-container span:nth-child(3):after{position:absolute;background:linear-gradient(to top,#b5c224,#6ec092,#1cbfd7)}.pattern-container span:nth-child(4){grid-column:span 4;grid-row:span 7;background-color:#151a3a}.pattern-container span:nth-child(5){grid-column:span 3;grid-row:span 2;background:linear-gradient(to right,#b5c224,#6ec092,#1cbfd7)}.pattern-container span:nth-child(6){grid-column:span 2;grid-row:span 2;background:linear-gradient(45deg,#2c3155,#0c142f);animation:breathe2 25s infinite}.pattern-container span:nth-child(7){grid-column:span 1;grid-row:span 2;background:linear-gradient(225deg,#b5c224,#6ec092,#1cbfd7)}@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(20%)}}@keyframes breathe2{0%,100%{transform:translateY(0)}50%{transform:translateY(40%)}}nav ul{display:flex;flex-direction:row}nav ul li{margin-right:10px}@media (max-width:1024px){nav ul li{font-size:1.2rem}}@media (max-width:768px){.pattern-container span:nth-child(3):after{height:calc(100% - 35px)}nav ul li{font-size:.9rem}}nav ul a,nav ul a:visited{text-decoration:none;color:inherit}nav ul a:hover{color:grey}.homepage{width:80%;margin:0 auto}.homepage .container{margin-top:50px}.homepage .left,.homepage .right{display:inline-block;vertical-align:top}.homepage .left{width:30%}.homepage .left img{border-radius:5px}@media (max-width:1024px){.homepage .left{width:100%}}.homepage .right{width:69%}.homepage .right h1{font-size:4rem;margin-top:0}@media (max-width:1024px){.homepage .right{width:100%}.homepage .right h1{font-size:2rem}.intro ul{text-align:center}}.homepage .right p{line-height:2rem;font-size:1.5rem}.homepage .right ul li{display:inline;margin:5px}.education,.experience{margin-top:50px}.education h3:nth-child(2),.experience h3:nth-child(2){font-size:1rem;font-weight:200}.education p,.experience p{line-height:2rem;font-family:'Courier New',Courier,monospace}.education li:not(:last-child),.experience li:not(:last-child){border-bottom:1px solid #000}.education ul,.experience ul{padding:0}.experience{padding-bottom:50px}#courses li{border-bottom:none}#courses li:last-child{margin-bottom:10px}.projects{display:flex;flex-direction:row;flex-wrap:wrap}.project{width:30%;height:500px;display:inline-block;vertical-align:top;padding:10px;margin-bottom:70px}.project img{width:100%;height:100%}@media (max-width:1024px){.project{width:45%}}.showcase{flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.showcase button{border:none;background:0 0;font-size:4rem}.showcase h1{font-size:4rem}@media (max-width:768px){.project{width:100%}.showcase h1{font-size:2rem}}.showcase .container{width:90%;margin:0 auto}.showcase .screenshot{display:flex;justify-content:space-between}.showcase .screenshot img{width:49%;max-height:600px}@media (max-width:1024px){.showcase .screenshot{flex-direction:column}.showcase .screenshot img{width:100%;margin-bottom:20px}}.showcase .screenshot .desc{width:49%;padding:40px;display:flex;justify-content:center;align-items:center;line-height:1.8rem;font-size:1.01rem;font-weight:200px}@media (max-width:1024px){.showcase .screenshot .desc{width:100%;padding:0;margin-bottom:20px;font-size:.9rem;line-height:1.4rem}}.showcase ul{display:flex;width:100%;justify-content:center}.showcase ul li{margin:20px}.info{line-height:2rem;margin-top:100px;border-top:1px solid #000}@media (max-width:768px){.info .description{font-family:'Franklin Gothic Medium','Arial Narrow',Arial,sans-serif;font-size:.7rem;line-height:1rem}}#slideshow{display:flex;flex-direction:row}form{width:59%;display:flex;flex-direction:column}form input[type=submit]{width:150px;margin-left:auto;border:1px solid #9b8e8e;border-radius:5px;background:linear-gradient(90deg,#88e688,#23bd28,#88e688);box-shadow:1px 1px 1px}form label{display:flex}form input:not([type=submit]){margin-left:auto;width:80%}form textarea{margin-left:auto}@media (max-width:1024px){form label{flex-direction:column;margin-bottom:10px}form input:not([type=submit]){margin:0}form textarea{width:95%;margin:0}form{width:100%}}form input,form textarea{margin-bottom:20px}.contact section{display:flex;padding-bottom:10px;border-bottom:1px dotted #000}.contact section iframe{width:50%;margin-left:20px}@media (max-width:1024px){.contact section iframe{width:100%}.contact section{flex-direction:column;width:100%;margin:0 auto}}.contact .sent{transition:opacity 2s;opacity:0}.contact .fade-in{opacity:1}.hidden,.hide{display:none;opacity:0}.hide{height:0}