*{font-family:'Gothic A1', Times;color:white}html{scroll-behavior:smooth}body{background:#31213d}body .svgArt{z-index:-1;top:34%;position:fixed;width:110vw;display:inline !important}.b-a,.bar,.bar:before,.bar:after{-webkit-transition:all .25s;transition:all .25s;content:"";position:absolute;left:0;height:4px;width:35px;border-radius:15px;background-color:#faed24}.menuCollapsed{-webkit-transition:all .25s;transition:all .25s;position:fixed;top:10px;left:9px;height:36px;width:36px;z-index:1;cursor:pointer}.menuCollapsed ul{-webkit-transition:all 0s;transition:all 0s;position:fixed;left:-9000px}.bar{position:fixed;left:12px;top:24px}.bar:before{top:-10px}.bar:after{top:10px}.b-a-expanded,.menuExpanded .bar:before,.menuExpanded .bar:after{-webkit-transition:all .25s;transition:all .25s;top:-0px;cursor:pointer}.menuExpanded{-webkit-transition:all .25s;transition:all .25s;text-align:center;line-height:3rem;height:100vh;width:100vw;border-radius:0px;top:0;left:0;background-color:#faed24;cursor:context-menu}.menuExpanded ul{-webkit-transition:all 0s;transition:all 0s;position:relative;top:5rem;left:-20px;z-index:0;list-style-type:none}.menuExpanded a{-webkit-transition:all .15s;transition:all .15s;text-decoration:none;font-size:2em;font-weight:800;padding:5px;color:#31213d}.menuExpanded a:hover{-webkit-transition:all .15s;transition:all .15s;letter-spacing:2px;color:#2a1c35}.menuExpanded .bar{z-index:999;background-color:transparent;-webkit-transition:all .25s;transition:all .25s}.menuExpanded .bar:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#2a1c35}.menuExpanded .bar:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#2a1c35}button{background-color:transparent;border:none}.split{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sectionContainer{margin-inline:auto;width:min(90%, 70.5rem)}.welcomeSection{min-height:100vh}.welcomeSection h1{color:#faed24;font-size:3rem;font-weight:900;display:inline-block;margin:0%;padding:20% 0% 0% 25%}.welcomeSection p{padding:0% 5% 0% 25%;font-weight:600}.welcomeSection footer{position:absolute;bottom:5%;text-align:center;left:30%}.welcomeSection footer .footerText{font-weight:300;padding:0 !important;font-size:1rem}.welcomeSection footer .bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;margin-top:10%}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.welcomeSection img{position:relative;display:inline;width:10rem;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.welcomeSection img:hover{-webkit-transform:rotate(3deg);transform:rotate(3deg)}.skillSection{min-height:100vh;position:relative}.skillSection h2{color:#faed24;font-size:2rem;padding:10% 5% 5% 0%}.skillSection .container{display:contents;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:40vw}.skillSection .container .skillContainer{width:100%;background:#31213d;border-radius:10px}.skillSection .container .skill{text-align:right;padding-top:10px;padding-bottom:10px;color:white;border-radius:10px}.skillSection .container .html{background-color:#faed24;width:80%;-webkit-animation:bar1 5s ease-in-out infinite;animation:bar1 5s ease-in-out infinite}@-webkit-keyframes bar1{from{width:0}to{width:80%}}@keyframes bar1{from{width:0}to{width:80%}}.skillSection .container .css{width:60%;background-color:#faed24;-webkit-animation:bar2 5s ease-in-out infinite;animation:bar2 5s ease-in-out infinite}@-webkit-keyframes bar2{from{width:0}to{width:60%}}@keyframes bar2{from{width:0}to{width:60%}}.skillSection .container .js{width:5%;background-color:#faed24;-webkit-animation:bar3 5s ease-in-out infinite;animation:bar3 5s ease-in-out infinite}@-webkit-keyframes bar3{from{width:0}to{width:5%}}@keyframes bar3{from{width:0}to{width:5%}}.skillSection .container .react{width:0%;background-color:#faed24}.experienceSection{min-height:100vh;position:relative}.experienceSection h2{color:#faed24;font-size:2rem;padding:10% 5% 5% 0%}.aboutSection{min-height:100vh;position:relative}.aboutSection h2{color:#faed24;font-size:2rem;padding:10% 5% 5% 0%}.connectSection{min-height:100vh}.connectSection h2{color:#faed24;font-size:2rem;padding:10% 5% 5% 0%}.connectSection .formBox{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:31.25rem;margin:0 auto;padding:0.7rem 2rem 0.5rem 2rem;background-position:center center}.connectSection .formItem{margin-bottom:0.7rem}.connectSection label,.connectSection input,.connectSection textarea{display:block;width:100%;font-size:1.2rem;line-height:1.4;outline-color:#2a1c35}.connectSection label{margin-bottom:3px}.connectSection input,.connectSection textarea{padding:3px;border:1px solid;background-color:rgba(250,250,250,0.85);color:black}.connectSection textarea{resize:none}.connectSection input[type="submit"]{background-color:#faed24;width:103%;padding:0.5rem 0rem 0.2rem 0rem;border:0;color:#31213d;font-weight:800;cursor:pointer;text-transform:uppercase;-webkit-transition:ease-in-out 0.3s;transition:ease-in-out 0.3s}.connectSection input[type="submit"]:hover{width:98%}.connectSection input[type="submit"]:active{-webkit-animation-name:submit-active;animation-name:submit-active;-webkit-animation-duration:0.5s;animation-duration:0.5s}@-webkit-keyframes submit-active{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.98);transform:scale(0.98)}}@keyframes submit-active{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0.98);transform:scale(0.98)}}.connectSection .socialsBar{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:0.7rem;max-width:18rem;margin:0 auto;background-position:center center}.connectSection .socialsBar img{-webkit-filter:invert(0%) !important;filter:invert(0%) !important;height:3rem;padding:0.5rem}section{padding:1rem;position:relative}section:nth-child(even){background-color:#2a1c35}.contactPage h1{text-align:center;margin-top:5rem;color:#faed24}.contactPage p{text-align:center}.contactPage p img{margin-top:10rem;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:5000ms;animation-duration:5000ms;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spin{0%,20%,50%,80%,100%{-webkit-transform:rotate(0);transform:rotate(0)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes spin{0%,20%,50%,80%,100%{-webkit-transform:rotate(0);transform:rotate(0)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@media (max-height: 550px){.welcomeSection img{display:none !important}}@media (min-width: 576px){.menuExpanded{line-height:3rem}.menuExpanded ul{top:1rem}.sectionContainer{width:min(80%, 70.5rem)}.welcomeSection{padding:0}.welcomeSection h1{padding:5% 0% 0% 25%}.welcomeSection footer{max-width:30%;left:40%;right:40%;bottom:1%}.welcomeSection footer .bounce{margin-top:5%}.welcomeSection svg{width:15%}.skillSection h2{padding:0% 5% 0% 0%}.skillSection .container .react{margin:0% 0% 10% 0%}.experienceSection h2{padding:0% 5% 0% 0%}.aboutSection h2{padding:0% 5% 0% 0%}.connectSection h2{padding:0% 5% 0% 0%}.connectSection .socialsBar{margin-bottom:10%}.connectSection input[type="submit"]{width:102%}}@media (min-width: 768px){.menuCollapsed{top:1rem;left:1rem}.menuExpanded{top:0%;left:0%}.b-a,.bar,.bar:before,.bar:after{-webkit-transition:all .25s;transition:all .25s;content:"";position:absolute;left:0;height:6px;width:55px;border-radius:15px;background-color:#faed24}.bar:before{top:-15px}.bar:after{top:15px}.welcomeSection{min-height:100vh}.welcomeSection h1{font-size:4rem;padding:20% 0% 0% 40%}.welcomeSection p{padding:0% 5% 0% 40%}.welcomeSection footer img{display:inline;width:15rem;right:30%}.skillSection h2{font-size:3rem;padding:0% 0% 0% 0%}.skillSection p{font-size:1.5rem}.skillSection .container{top:50rem}.skillSection .container p{font-size:1.2rem;font-weight:600}.skillSection .container .skill{text-align:right;padding-top:15px;border-radius:15px}.experienceSection{min-height:100vh}.experienceSection h2{font-size:3rem;padding:10% 5% 5% 0%}.experienceSection p{font-size:1.5rem}.aboutSection{min-height:100vh}.aboutSection h2{font-size:3rem;padding:10% 5% 5% 0%}.aboutSection p{font-size:1.5rem}.connectSection{min-height:100vh}.connectSection h2{font-size:3rem;padding:10% 5% 5% 0%}.connectSection .socialsBar{margin-top:5%}.connectSection .formBox{max-width:150%;margin:0}.connectSection input[type="submit"]{width:101.5%}}@media (min-width: 992px){html{-ms-scroll-snap-type:mandatory;scroll-snap-type:mandatory;-ms-scroll-snap-points-y:repeat(100vh);scroll-snap-points-y:repeat(100vh);-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}section{height:100vh;scroll-snap-align:start}.sectionContainer{width:min(90%, 70.5rem)}.split{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}article{width:50%;padding:0% 5% 0% 5%}h2{font-size:3rem;padding:0% 0% 0% 0%}.welcomeSection h1{font-size:4rem;padding:10% 0% 0% 60%}.welcomeSection p{padding:0% 5% 0% 60%}.welcomeSection footer{left:10%}.welcomeSection img{left:0%;width:0.5rem}.skillSection{min-height:100vh}.skillSection h2{font-size:3rem;padding:0% 0% 0% 0%}.skillSection p{font-size:1.2rem}.skillSection .skillArticle{padding-top:4rem}.experienceSection{min-height:100vh}.experienceSection h2{font-size:3rem;padding:0% 0% 0% 0%}.experienceSection p{font-size:1.2rem}.experienceSection .rightArticle{position:relative;top:7.3rem}.aboutSection h2{font-size:3rem;padding:0% 0% 0% 0%}.aboutSection p{font-size:1.2rem}.aboutSection .rightArticle{position:relative;top:7.3rem}.connectSection{min-height:100vh}.connectSection h2{font-size:3rem;padding:0% 0% 0% 5%;margin-bottom:0;width:43%}.connectSection .formBox{margin:0;padding:5% 5% 0% 0%;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;max-width:25.25rem;margin:0 auto}.connectSection label,.connectSection input,.connectSection textarea{display:inline-block;width:100%;font-size:1.2rem;line-height:1.2;outline-color:#2a1c35}.connectSection input[type="submit"]{width:103%}.connectSection .socialsBar{margin-top:0;margin-bottom:0}.connectSection .socialsBar img{-webkit-transition:ease-in-out 0.3s;transition:ease-in-out 0.3s}.connectSection .socialsBar img:hover{height:2.5rem}}@media (min-width: 1200px){.connectSection .socialsBar{margin-top:5rem}}@media (min-width: 1920px){.menuExpanded a{font-size:3rem;line-height:5rem}.sectionContainer{margin-inline:auto;width:min(90%, 100.5rem)}.welcomeSection h1{font-size:6rem}.welcomeSection p{font-size:2rem;font-weight:300}.welcomeSection img{width:20rem !important}.welcomeSection footer{margin-bottom:5rem}.welcomeSection footer .footerText{font-size:2rem}.welcomeSection footer .bounce{margin-top:0}.skillSection h2{font-size:5rem;padding:5% 5% 5% 0%}.skillSection p{font-size:2rem}.skillSection .skillArticle{padding-top:16rem}.skillSection .skillArticle p{font-size:1.8rem}.experienceSection h2{font-size:5rem;padding:5% 5% 5% 0%}.experienceSection p{font-size:2rem}.experienceSection .rightArticle{position:relative;top:16rem}.aboutSection h2{font-size:5rem;padding:5% 5% 5% 0%}.aboutSection p{font-size:2rem}.aboutSection .rightArticle{position:relative;top:16rem}.connectSection h2{font-size:5rem;padding:5% 5% 5% 0%}.connectSection .formBox{padding-top:10%;max-width:47%;line-height:3rem}.connectSection .formBox label{font-size:1.8rem}.connectSection .socialsBar{padding-top:5%;margin-top:0}.connectSection input{padding:1rem}.connectSection textarea{padding:1rem}.connectSection input[type="submit"]{padding:1rem;width:105%;font-size:2rem}}
/*# sourceMappingURL=style.css.map */