form{font-size:1.2rem}form label{display:block;margin:0 auto;width:50%}input,input:focus,textarea,textarea:focus{background-color:rgba(0,0,0,.1);border:none;box-shadow:none;color:var(--black);cursor:pointer;margin:1rem 0 2rem;padding:1rem;width:100%}textarea{resize:none}form button{background-color:var(--secondary);border:none;border-radius:15px;color:var(--white);cursor:pointer;margin:3rem;padding:1rem;transition:background-color .3s ease}form button:hover{background-color:var(--secondary-dark)}#social-media img{background-color:var(--white);border-radius:10rem;margin:1rem;transition:all .3s ease}#social-media a{text-decoration:none}#linkedin:hover{background-color:#0077b5}#github:hover{background-color:#000}#youtube:hover{background-color:red}#experience img{background:#fff;border:5px solid var(--primary);border-radius:25px;cursor:pointer;height:150px;padding:2rem;transition:border-radius .3s ease,box-shadow .3s ease;width:150px}#experience img:hover{border-radius:0;box-shadow:0 0 10px 1px var(--gray2)}#experience h4{font-size:1rem;margin-bottom:3rem}body{color:var(--gray3);font-family:Montserrat,sans-serif;font-size:14px;text-align:center}footer,header,section.even{color:var(--white)}h3{font-size:2rem}h2,h3,h4{letter-spacing:.3rem}h1,h3{text-transform:uppercase}h4{font-size:1.5rem}header{background:linear-gradient(var(--black),var(--black2));overflow:hidden;padding:5rem 0 3rem;position:relative}header video{left:50%;min-height:100%;min-width:100%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%)}:root{--primary:#00c3ff;--primary-dark:#00c3ff;--secondary:#fe9143;--secondary-dark:#fe8834;--white:#f5f9fa;--white2:#ebf3f5;--gray:#e1e4e5;--gray2:#c0c6c9;--gray3:#4b4c4d;--black:#323333;--black2:#2a2b2b}#navbar{box-shadow:0 0 10px 1px var(--gray3)}#navbar div{display:flex;justify-content:space-between}#navbar div a{align-items:center;color:var(--black);display:flex;padding:1rem;text-decoration:none}#navbar div a:hover{color:var(--white);transition:color .3s ease,color .3s ease}#navbar div img{margin-right:.5rem}#navbar button{background-color:transparent;border:none;color:var(--white);cursor:pointer;font-size:1.5rem;margin:.7rem;padding:.2rem .7rem}#navbar.open button{background-color:var(--black);border-radius:2rem;color:var(--white)}#navbar ul{background:linear-gradient(var(--primary),var(--primary-dark));border-top:1px solid hsla(0,0%,100%,.1);margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;transition:max-height .3s ease;width:100%}#navbar.open ul{max-height:150px}#navbar li{list-style:none;padding:0}#navbar ul a{color:var(--white);display:block;padding:10px 15px;text-decoration:none;transition:color .3s ease,background-color .3s ease}#navbar ul a:focus,#navbar ul a:hover{background-color:var(--white);color:var(--black)}.navbar-fixed{position:fixed;top:0;width:100%;z-index:100}#toggle:hover{background-color:var(--black)}#active{background-color:var(--primary-dark)}#portfolio button{border:none;box-shadow:0 0 10px var(--gray2);cursor:zoom-in;display:block;margin:1rem auto;max-width:400px;overflow:hidden;padding:0;position:relative}#portfolio img{display:block;max-height:300px;transition:transform .3s ease}#portfolio button:hover img{transform:scale(1.25)}#portfolio button:before{background-color:var(--primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}#portfolio button:hover:before{opacity:.75}#portfolio h4{bottom:0;color:var(--white);display:block;left:50%;margin:0;opacity:0;position:absolute;transform:translate(-50%,50%);transition:bottom .3s ease,opacity .3s ease;z-index:2}#portfolio button:hover h4{bottom:30%;opacity:1}#portfolio button:after{content:url(assets/05189309db3a48edcbcc.svg);left:50%;opacity:0;position:absolute;top:0;transform:translate(-40%,-50%);transition:top .3s ease,opacity .3s ease;width:50%;z-index:2}#portfolio button:hover:after{opacity:.75;top:40%}html{background:linear-gradient(var(--white),var(--white2))}section{padding-bottom:3rem;padding-top:3rem}#navbar,section.even{background:linear-gradient(var(--primary),var(--primary-dark))}footer{background:linear-gradient(var(--black),var(--black2));padding:2rem 0}hr{background-image:linear-gradient(to right,transparent,var(--primary),transparent);border:0;height:.1rem;max-width:100%}section.even hr{background-image:linear-gradient(to right,transparent,var(--white),transparent)}section hr{margin-bottom:5rem}#skillset>div{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1rem;margin:1rem}#skillset img{border-radius:1rem;cursor:context-menu;max-width:7rem}#skillset>div>div{position:relative}#skillset span{background-color:rgba(0,0,0,.75);border-radius:.5rem;left:50%;opacity:0;padding:.5rem 0;pointer-events:none;position:absolute;text-align:center;top:-40px;transform:translate(-60px,10px);transition:opacity .3s ease,transform .3s ease;width:120px;z-index:1}#skillset>div>div:hover span{opacity:1;transform:translate(-60px)}#skillset span:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.75);content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.circle{border-radius:50%}.modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal__container{background-color:#fff;border-radius:4px;box-sizing:border-box;max-height:100vh;max-width:500px;overflow-y:auto;padding:30px}.modal__header{align-items:center;display:flex;justify-content:space-between}.modal__title{box-sizing:border-box;color:#00449e;font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:0;margin-top:0}.modal__close{background:transparent;border:0;cursor:pointer}.modal__header .modal__close:before{content:"\2715"}.modal__content{color:rgba(0,0,0,.8);line-height:1.5;margin-bottom:2rem;margin-top:2rem}.modal__btn{background-color:#e6e6e6;border-radius:.25rem;border-style:none;border-width:0;color:rgba(0,0,0,.8);cursor:pointer;font-size:.875rem;line-height:1.15;margin:0;overflow:visible;padding:.5rem 1rem;text-transform:none;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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,input{overflow:visible}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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}details{display:block}summary{display:list-item}[hidden],template{display:none}