@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap);body{background:#1d1d1d;min-height:100vh;overflow-x:hidden;color:#fff}html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}.App{min-height:100vh;min-width:100vw;display:flex;overflow-x:hidden}.App,body{width:100vw}#app__overflow{width:95.5vw;margin-left:5vw}@media screen and (min-device-width:1700px){#app__overflow{width:95vw;margin-left:4vw}}@media screen and (max-device-width:660px){#app__overflow{width:100vw;margin-left:1vw}}.test{min-width:94.5%}.fade-appear,.fade-enter{opacity:0;z-index:1}.fade-appear-active,.fade-enter.fade-enter-active{opacity:1;transition:opacity .3s linear .15s}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:0;transition:opacity .15s linear}@media (max-device-width:660px){.App{display:flex;flex-direction:column}}#nav{position:fixed;position:-webkit-sticky;top:0;z-index:10;display:flex;height:100vh;width:60px;flex-direction:column;justify-content:space-between;align-items:center;background:#161616;color:#fff}#nav__hamburgerMenu{display:none}#nav__logo-wrapper{background:#000;width:100%;height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease-in-out}#nav__logo-wrapper:hover{cursor:pointer;color:#08fdd8}#nav__logo-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:5px}#nav__logo-container h4{font-size:1.4rem;font-weight:500;letter-spacing:2px;font-family:Open Sans,sans-serif}#nav__logo-container span{color:#08fdd8}.active{color:#08fdd8!important}#nav__middle{height:40%;flex-direction:column;justify-content:space-evenly}#nav__middle,#nav__middle #middle__link{min-width:100%;display:flex;align-items:center}#nav__middle #middle__link{-webkit-user-select:none;-ms-user-select:none;user-select:none;flex-direction:row;justify-content:center;padding:5px;position:relative;font-size:1.5rem;color:#4d4d4e;text-decoration:none}#nav__middle #middle__link:hover{cursor:pointer}#nav__middle #middle__link:hover i{color:#08fdd8;opacity:0}#nav__middle #middle__link:hover p{opacity:1}#nav__middle #middle__link i,#nav__middle #middle__link p{-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease-in-out}#nav__middle #middle__link p{opacity:0;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;color:#08fdd8;font-size:.7rem;font-family:Open Sans,sans-serif}#nav__bottom{height:15%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-bottom:20px}#nav__bottom a{font-size:1rem;color:#4d4d4e;padding:5px;text-decoration:none;transition:all .1s ease-in-out}#nav__bottom a:hover{cursor:pointer;color:#08fdd8}@media (max-device-width:660px){#nav{position:-webkit-sticky;position:sticky;top:0;flex-direction:row;justify-content:space-between;height:7vh;width:100vw}#nav,#nav__logo-wrapper{display:flex;align-items:center}#nav__logo-wrapper{width:3rem;height:100%;flex-direction:column;justify-content:center}#nav__logo-wrapper h4{font-size:1rem}#nav__middle{position:absolute;top:100%;left:100%;height:auto;width:100vw;background:#161616;transition:all .5s ease-in-out;justify-content:space-evenly}#nav__middle,#nav__middle #middle__link{display:flex;flex-direction:row;align-items:center}#nav__middle #middle__link{justify-content:center;padding:15px 5px;font-size:1.4rem;min-width:0}#nav__middle #middle__link p{white-space:nowrap}.menu-active{left:0!important}#nav__bottom{display:none}#nav__hamburgerMenu{display:block;font-size:1.5rem;padding:5px 15px}}.Typist .Cursor{display:inline-block;opacity:1;-webkit-animation:blink 1s linear infinite;animation:blink 1s linear infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}#home{height:100vh;overflow:hidden;position:relative}#home-wrapper{width:100%;height:100%;top:0;left:0;position:absolute}#home__background-container{position:absolute;align-self:center;white-space:normal;width:100%}#home__background-container h1{font-size:2.7rem;font-weight:700;color:#4d4d4e;font-family:Open Sans,sans-serif;text-transform:uppercase;text-shadow:-1px -1px 0 rgba(77,77,78,.1568627450980392),1px -1px 0 rgba(77,77,78,.1568627450980392),-1px 1px 0 rgba(77,77,78,.1568627450980392),1px 1px 0 rgba(77,77,78,.1568627450980392)}#home__background-container h1 span{transition:all .6s ease-in-out;color:#1d1d1d;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#home__background-container h1 span:hover{cursor:default;color:#08fdd8}@media screen and (max-device-width:1500px){#home__background-container h1{font-size:3rem}}#home__content{position:absolute;pointer-events:none;top:50%;left:5%;-webkit-transform:translateY(-40%);transform:translateY(-40%);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#home__title h1{font-family:Open Sans,sans-serif;font-weight:700;font-size:3rem;text-shadow:2px 2px 4px #000}#content__sub{margin:20px 0;pointer-events:all}#content__sub h3{color:#7a7a7a;text-shadow:1px 1px 4px #111}#content__sub h3,#sub__btn{font-family:Open Sans,sans-serif;font-weight:400;font-size:1rem}#sub__btn{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #08fdd8;padding:8px 15px;margin:10px 0;transition:all .15s ease-in}#sub__btn p{text-decoration:none;text-transform:uppercase;color:#08fdd8;letter-spacing:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}#sub__btn:hover{cursor:pointer;background:#08fdd8}#sub__btn:hover p{color:#1d1d1d}@media (max-device-width:920px){#home__title h1{font-size:2.5rem}#content__sub h3{font-weight:400;font-size:1rem}#sub__btn{padding:8px 0;margin:10px 0;font-weight:400;font-size:.8rem}#home__background-container h1{font-size:2.3rem}}@media (max-device-width:660px){#home{width:100vw;height:93vh;overflow:hidden;position:relative}#home__title h1{font-size:1.9rem}#content__sub{margin:10px 0}#content__sub h3{font-weight:400;font-size:.8rem}#sub__btn{padding:8px 0;margin:10px 0;font-weight:400;font-size:.7rem}#home__background-container h1{font-size:2.3rem}}#about{display:flex;align-items:center;font-family:Open Sans,sans-serif;position:relative;width:100%;min-height:100vh}#about main{height:100%;width:32rem;margin:0 4rem}@media screen and (max-device-width:1500px){#about main{width:38rem}}#about__warning{position:absolute;top:50px;right:50px;color:#08fdd8;opacity:0;transition:all .3s ease-in-out}.active-warning{opacity:1!important}#about__text-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-device-width:410px){#about__text-container{width:90%;margin:0 auto}}#about__text-container h1{color:#08fdd8;font-weight:600;font-size:3.5rem}#about__article-wrapper p{font-size:1.1rem;margin:20px 0;font-weight:100}#about__pyramid{margin:0 auto;width:35rem;min-height:25rem}.pyramid__row{margin:20px 0;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.about__image{width:17%;margin:0 20px;cursor:pointer;transition:all .1s ease-in-out}.about__image:hover{-webkit-filter:brightness(1.4);filter:brightness(1.4)}@media (max-device-width:1030px){#about__text-container h1{font-size:3rem}#about__article-wrapper p{font-size:.9rem}#about__pyramid{margin:0 auto;width:32rem;min-height:25rem}.about__image{width:4rem;margin:0 15px}}@media (max-device-width:850px){#about main{width:80%;height:auto}#about__text-container{display:flex;flex-direction:column;justify-content:center;align-items:center}#about__text-container h1{font-size:3rem;text-align:center;text-shadow:2px 2px 4px #111}#about__article-wrapper p{font-size:1rem;text-align:center;text-shadow:2px 2px 4px #111;letter-spacing:.2px}#about__pyramid{margin:0 auto;width:55rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);min-height:25rem}.about__image{width:6rem;opacity:.1}}@media (max-device-width:660px){#about{min-height:93vh;width:100vw}}@media (max-device-width:510px){.about__image{width:4.5rem}}@media (max-device-width:410px){#about{display:inline;display:initial}#about main{width:100vw;margin:2rem 0 0}#about__text-container h1{font-size:2.5rem}#about__article-wrapper p{font-size:.9rem}#about__pyramid{position:absolute;top:200%;left:12rem;margin:0}.about__image{width:3.5rem}}#skills{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-family:Open Sans,sans-serif;position:relative;width:100%}#skills main{height:100%;width:100%;margin:0 0 0 4rem}#skills__text-container{max-width:80%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}#skills__text-container h1{white-space:nowrap;color:#08fdd8;font-weight:600;font-size:3.5rem}#skills__article-wrapper p{margin:20px 0;font-weight:100;font-size:1.1rem}@media (max-device-width:1100px){#skills__text-container h1{font-size:3rem}#skills__article-wrapper p{font-size:.9rem}}@media (max-device-width:875px){#skills{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}#skills main{margin:4rem 0 0 4rem}}@media (max-device-width:660px){#skills main{flex-direction:row;margin:4rem 0 0}#skills__text-container,#skills main{display:flex;justify-content:center;align-items:center}#skills__text-container{flex-direction:column}#skills__text-container h1{font-size:2.2rem;text-align:center}#skills__article-wrapper p{font-size:.9rem;text-align:center}}@media (max-device-width:660px){#skills main{margin:2rem 0 0}}.cardContainer{margin:2% 2% 0 0;max-width:45%;max-height:95vh;padding:0 10px;overflow-y:scroll;overflow-x:hidden}.cardContainer::-webkit-scrollbar{width:6px}.cardContainer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px transparent;border-radius:10px}.cardContainer::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #08fdd8}#skillCard{background:#4d4d4e;margin:20px 0;box-shadow:2px 2px 4px #000;padding:10px;font-family:Open Sans,sans-serif;overflow-x:scroll;overflow-y:hidden}#skillCard::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px transparent;border-radius:10px}#skillCard::-webkit-scrollbar{height:4px}#skillCard::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #08fdd8}#skillCard__title-container h2{color:#08fdd8;font-size:1.7rem;font-weight:600;border-bottom:1px solid #444;padding:2px 0}#skillCard__content{display:flex;width:100%;margin:2px 0}#skillCard__content::-webkit-scrollbar{height:4px!important}#skillCard__content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #08fdd8}#skillCard__items{flex-direction:column;margin:0 25px;width:9%}#skillCard__items,#skillCard__items div{display:flex;justify-content:center;align-items:center}#skillCard__items div{flex-direction:row;height:70%;margin:10px 0}#skillCard__items div img{width:100%}#skillCard__items h4{text-align:center;font-size:.9rem;white-space:nowrap;color:#dcdcdc;text-shadow:2px 2px 4px #333}@media (max-device-width:875px){.cardContainer{max-width:85%;max-height:65vh;margin:0 0 10px}}#work{width:100%}#work__cards-container{display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto}#work__notice{background:#08fdd8;width:40%;margin:20px auto;padding:5px 15px;border-radius:10rem;display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #111;opacity:.8;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}#work__notice p{-webkit-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1px 1px 2px rgba(17,17,17,.192);font-family:Open Sans,sans-serif;font-weight:600;color:#1d1d1d;font-size:.9rem;text-align:center}@media screen and (max-device-width:1240px){#work__notice p{font-size:.8rem}}@media screen and (max-device-width:640px){#work__notice p{font-size:.9rem}}@media screen and (max-device-width:640px){#work__notice{width:80%}}#projectCard{max-width:25rem;margin:3rem;font-family:Open Sans,sans-serif;position:relative}#projectCard__inner{position:relative;overflow:hidden;height:100%}#projectCard__tag{z-index:2;position:absolute;left:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;width:90%;height:50px;-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%)}#projectCard__tag img{margin:0 5px;width:50px}#projectCard__content{text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#content__text{position:absolute;background:rgba(22,22,22,.8235294117647058);top:23rem;padding:0 1rem;transition:all .4s ease-in-out}#content__text i{color:#08fdd8;width:100%;padding:5px 0 10px;transition:all .4s ease-in-out}#content__text:hover{top:9rem}#content__text:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#text__inner{border-top:1px solid #555;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:15rem}#text__inner h2{padding:25px 0 15px}#projectCard__image-wrapper{height:25rem;width:100%}#projectCard__image-wrapper img{height:100%;width:100%;object-fit:cover}#content__buttons-container{z-index:1;background:#161616;padding:30px 0;width:100%;display:flex;flex-direction:column;align-items:center;justify-self:flex-end}#content__buttons-container a{font-size:.9rem;font-weight:800;text-decoration:none;color:#08fdd8;padding:10px;border:2px solid #08fdd8;border-radius:2%;margin:5px;width:75%;text-align:center;transition:all .2s ease-in-out}#content__buttons-container a:hover{cursor:pointer;background-color:#0ff;border:2px solid #0ff;color:#161616}#content__buttons-container p{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.9rem;font-weight:800;text-decoration:none;color:#ff9800;padding:10px;border:2px solid #ff9800;border-radius:2%;margin:5px;width:75%;text-align:center;transition:all .2s ease-in-out}@media (max-device-width:660px){#projectCard{max-width:22rem;margin:4rem 0 0}#projectCard__image-wrapper{height:20rem}#content__text{top:17.7rem}#content__text:hover{top:3.5rem}#projectCard__tag{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;height:50px}#projectCard__tag img{margin:0 5px;width:40px}}@media (max-device-width:420px){#projectCard{max-width:19rem;margin:4rem 0 1rem}#content__buttons-container{padding:10px 0}#content__buttons-container a,#content__buttons-container p{font-size:.8rem!important;font-weight:700;padding:10px 0}}#contactPage{font-family:Open Sans,sans-serif;flex-direction:row;align-items:center;width:100%;min-height:100vh}#contactPage,#contactPage__content{display:flex;justify-content:center}#contactPage__content{width:50rem;flex-direction:column;align-items:flex-start}#contactPage__content h1{color:#08fdd8;font-size:3rem;font-weight:600}#contactPage__content h4{color:#a7a7a7;margin:10px 0}#contactForm{width:100%}#contactForm form{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}#contactForm textarea{color:#fff;margin:5px 0 0;font-size:1.5rem;font-family:Open Sans,sans-serif;height:25vh;width:100%;background:#4d4d4e;border:none;outline:none;font-weight:500;font-size:1.2rem;padding:10px}#contactForm textarea::-webkit-input-placeholder{color:#8d8d8d}#contactForm textarea:-ms-input-placeholder{color:#8d8d8d}#contactForm textarea::placeholder{color:#8d8d8d}#contactForm__subject{width:100%;background:#4d4d4e;border:none;margin:5px 0;outline:none;font-weight:300;font-size:1.2rem;padding:10px;color:#fff}#contactForm__subject::-webkit-input-placeholder{color:#8d8d8d}#contactForm__subject:-ms-input-placeholder{color:#8d8d8d}#contactForm__subject::placeholder{color:#8d8d8d}#contactForm__topRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#contactForm__topRow input{width:50%;font-weight:300;font-size:1.2rem;background:#4d4d4e;border:none;padding:10px;outline:none;color:#fff}#contactForm__topRow input:first-child{margin:0 5px 5px 0}#contactForm__topRow input:nth-child(2){margin:0 0 5px 5px}#contactForm__topRow input::-webkit-input-placeholder{color:#8d8d8d}#contactForm__topRow input:-ms-input-placeholder{color:#8d8d8d}#contactForm__topRow input::placeholder{color:#8d8d8d}.underlined-a{text-decoration:none;color:#08fdd8;padding-bottom:.15em;box-sizing:border-box;box-shadow:inset 0 -.2em 0 #08fdd8;transition:.2s}.underlined-a:hover{color:#222;box-shadow:inset 0 -2em 0 #08fdd8;transition:all .45s cubic-bezier(.86,0,.07,1)}.brk-btn{position:relative;background:none;color:#08fdd8;text-transform:uppercase;text-decoration:none;border:.2rem solid #08fdd8;font-size:1rem;margin:10px 0 0 auto;padding:5px 20px;outline:none;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.brk-btn:before{right:20%;top:-.21rem;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.brk-btn:after,.brk-btn:before{content:"";display:block;position:absolute;width:10%;background:#1d1d1d;height:.3rem;transition:all .45s cubic-bezier(.86,0,.07,1)}.brk-btn:after{left:20%;bottom:-.25rem;-webkit-transform:skewX(45deg);transform:skewX(45deg)}.brk-btn:hover{cursor:pointer}.brk-btn:hover:before{right:80%}.brk-btn:hover:after{left:80%}.brk-btn:active{-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-device-width:1030px){#contactPage__content{width:40rem}#contactPage__content h1{font-size:2.5rem}#contactPage__content h4{margin:10px 0;font-size:.9rem}#contactForm textarea{margin:5px 0 0;height:25vh;font-weight:100;font-size:1rem;padding:10px}#contactForm__subject{width:100%;margin:5px 0}#contactForm__subject,#contactForm__topRow input{font-weight:100;font-size:1rem}}@media (max-device-width:790px){#contactPage__content{width:35rem}#contactPage__content h1{font-size:2.5rem}#contactPage__content h4{margin:10px 0;font-size:.9rem}#contactForm textarea{margin:5px 0 0;height:25vh;font-weight:100;font-size:1rem;padding:10px}#contactForm__subject{width:100%;margin:5px 0}#contactForm__subject,#contactForm__topRow input{font-weight:100;font-size:1rem}}@media (max-device-width:700px){#contactPage__content{width:30rem}#contactPage__content h1{font-size:2.5rem}#contactPage__content h4{margin:10px 0;font-size:.9rem}#contactForm__topRow input{font-weight:100;font-size:1rem}}@media (max-device-width:660px){#contactPage{min-height:93vh}}@media (max-device-width:550px){#contactPage__content{width:90vw}#contactPage__content h1{font-size:2.5rem}#contactPage__content h4{margin:10px 0;font-size:.9rem}#contactForm__topRow{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#contactForm__topRow input{width:100%}#contactForm__topRow input:first-child{margin:0}#contactForm__topRow input:nth-child(2){margin:5px 0 2.5px}#contactForm textarea{margin:2.5px 0 0}#contactForm__subject{margin:2.5px 0}}
/*# sourceMappingURL=main.5c5e7d96.chunk.css.map */