@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400);body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}html{scroll-behavior:smooth}*{margin:0}body{background-color:#0a192f;height:100%;position:relative}#side-footer{top:0;position:-webkit-sticky;position:sticky;-webkit-transform:translateY(35vh);transform:translateY(35vh);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;float:left;z-index:2}.side-container{display:flex;flex-direction:column;margin:0;padding:0 0 0 5px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.side-container:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.side-container:after{position:absolute;top:110%;left:50%;overflow:hidden;width:3px;height:50vh;content:"\a0";background-color:#8892b0}#side-footer-2{top:0;left:0;position:-webkit-sticky;position:sticky;-webkit-transform:translateY(35vh);transform:translateY(35vh);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;float:right;z-index:2}.side-container-2{display:flex;flex-direction:column;padding:0 0 0 20px;margin-right:10px;color:#8892b0;font-weight:bolder;font-size:larger;font-family:monospace;justify-content:center;align-items:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.side-container-2:hover{color:#64ffda;-webkit-transform:scale(1.15);transform:scale(1.15);cursor:pointer}.side-container-2:before{position:absolute;bottom:118%;overflow:hidden;width:2.5px;height:50vh;content:"\a0";background-color:#8892b0}#side-icon{padding-bottom:20px;margin:0;font-size:4vmin;border-radius:50%;color:#8892b0;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}#side-icon:hover{color:#64ffda;-webkit-transform:scale(1.3);transform:scale(1.3)}::-webkit-scrollbar{width:10px;background:#0a192f}::-webkit-scrollbar-track{border-radius:5px;box-shadow:inset 0 0 10px transparent;visibility:collapse}::-webkit-scrollbar-thumb{border-radius:6px;background:#242f3f}::-webkit-scrollbar-thumb:hover{border-radius:6px;background:#1e2735}#loader-container{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#0a192f;display:flex;justify-content:center;align-items:center;z-index:100}.hexagon{position:relative;width:70px;height:40.41px;background-color:#08192f;margin:20.21px 0;border-left:5px solid #64ffda;border-right:5px solid #64ffda;-webkit-animation:loader 2s ease infinite;animation:loader 2s ease infinite}.hexagon:after,.hexagon:before{content:"";position:absolute;z-index:1;width:49.5px;height:49.5px;-webkit-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg);background-color:inherit;left:5.2513px}.hexagon:before{top:-24.7487px;border-top:7.0711px solid #64ffda;border-right:7.0711px solid #64ffda}.hexagon:after{bottom:-24.7487px;border-bottom:7.0711px solid #64ffda;border-left:7.0711px solid #64ffda}.letter-z{font-size:100px;z-index:10;position:absolute;-webkit-transform:translate(18px,-6px);transform:translate(18px,-6px)}.z{color:#64ffda;font-size:40px}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}h1{color:#ccd6f6}h4{color:#64ffda}h2{color:#8892b0}h3{color:#ccd6f6}p{color:#8892b0;font-size:1.7vmax}a{text-decoration:none}#particles-js{background:#0a192f;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;position:relative;z-index:5}#tsparticles,ParticlesJS{position:relative;width:100%;height:100%;top:0;left:0;margin:0}#header{text-align:left;justify-content:center;position:absolute;margin:3%;padding:3%;-webkit-backdrop-filter:saturate(91%) blur(10px);backdrop-filter:saturate(91%) blur(10px);border-radius:14px;box-shadow:inset 0 3px 6px rgba(0,0,0,.16),0 4px 6px rgba(0,0,0,.45)}#header,.pages{display:flex;flex-direction:column}.pages{position:relative;align-items:center;width:100%;background:#0a192f}#pages-container{height:100vh}#scroll-down{height:50px;width:30px;border:2px solid transparent;position:absolute;left:50%;bottom:20px;cursor:pointer;border-radius:20px}#scroll-down:after,#scroll-down:before{content:"";position:absolute;top:10%;left:50%;border:2px solid #ccd6f6;height:10px;width:10px;-webkit-transform:translate(-50%,-95%) rotate(45deg);transform:translate(-50%,-95%) rotate(45deg);border-top:transparent;border-left:transparent;-webkit-animation:scrolldown 1.35s ease-in-out infinite;animation:scrolldown 1.35s ease-in-out infinite}#scroll-down:after{top:20%;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes scrolldown{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0;top:90%}}@keyframes scrolldown{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0;top:90%}}#scroll-up{height:50px;width:30px;border:2px solid transparent;position:absolute;left:50%;top:20px;cursor:pointer;border-radius:20px}#scroll-up:after,#scroll-up:before{content:"";position:absolute;top:10%;left:50%;border:2px solid #ccd6f6;height:10px;width:10px;-webkit-transform:translate(-50%,-95%) rotate(225deg);transform:translate(-50%,-95%) rotate(225deg);border-top:transparent;border-left:transparent;-webkit-animation:scrollup 1.35s ease-in-out infinite;animation:scrollup 1.35s ease-in-out infinite;animation-direction:reverse}#scroll-up:after{top:20%;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes scrollup{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0;top:65%}}@keyframes scrollup{0%{opacity:0}30%{opacity:1}60%{opacity:1}to{opacity:0;top:65%}}.fa{padding:3vmin;font-size:3.75vmax;text-align:center;text-decoration:none;border-radius:50%;color:#64ffda;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.fa:hover{color:#8892b0;-webkit-transform:scale(1.3);transform:scale(1.3)}#mydiv{font-size:1.5vmax;color:#64ffda;padding-top:2vmin;padding-bottom:4vmin;margin-left:10px;margin-right:10px}#mydiv a{font-size:3vmax;color:#ccd6f6;padding-left:10px}#my-pic{border-top-right-radius:20%;border-bottom-left-radius:20%;border-color:#64ffda;border-style:solid;padding:3%;display:block;-webkit-filter:contrast(104%) brightness(87%) sepia(77%) hue-rotate(89deg) saturate(75%);filter:contrast(104%) brightness(87%) sepia(77%) hue-rotate(89deg) saturate(75%);transition:-webkit-filter .3s linear;transition:filter .3s linear;transition:filter .3s linear,-webkit-filter .3s linear;transition:padding .3s linear;margin-top:2vmax;margin-bottom:2vmax;width:80%}#my-pic:hover{border-color:#8892b0;-webkit-filter:none;filter:none;padding:4%}.skills-list{display:grid;grid-template-columns:auto auto;overflow:hidden;list-style-type:none;margin-top:20px;justify-items:left;padding:0}li{position:relative;margin-bottom:10px;margin-left:10vmin;color:#8892b0;font-size:3vmin}li:before{content:"▹";padding-right:10px;color:#64ffda}#magic-button{border-color:#64ffda;border-width:1px;color:#64ffda;font-weight:400;padding:3vmin 7vmin;margin-top:30px;transition:.3s ease;background-color:#0a192f}#magic-button:hover{background-color:rgba(169,255,235,.10196078431372549)}#magic-button-revert{border-color:#64ffda;border-width:3px;color:#64ffda;font-weight:bolder;display:none;margin-bottom:40px;background-color:#0a192f;transition:.3s ease}#magic-button-revert:hover{color:#8892b0;border-color:#8892b0}#normal-list{z-index:10;zoom:1.2}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:#8892b0}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#8892b0;font-size:.875em}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#8892b0;font-size:.875em}input::placeholder,textarea::placeholder{color:#8892b0;font-size:.875em}input:focus::-webkit-input-placeholder{color:#8892b0}input:focus:-ms-input-placeholder{color:#8892b0}input:focus::placeholder,textarea::focus:placeholder{color:#8892b0}input::-ms-placeholder,textarea::-ms-placeholder{color:#8892b0;font-size:.875em}input:focus::-ms-placeholder,textarea:focus::-ms-placeholder{color:#8892b0}input:hover:focus::-webkit-input-placeholder,textarea:hover:focus::-webkit-input-placeholder{color:#8892b0}input:hover:focus:-ms-input-placeholder,textarea:hover:focus:-ms-input-placeholder{color:#8892b0}input:hover:focus::placeholder,textarea:hover:focus::placeholder{color:#8892b0}input:hover::-webkit-input-placeholder,textarea:hover::-webkit-input-placeholder{color:#8892b0;font-size:.875em}input:hover:-ms-input-placeholder,textarea:hover:-ms-input-placeholder{color:#8892b0;font-size:.875em}input:hover::placeholder,textarea:hover::placeholder{color:#8892b0;font-size:.875em}input:hover:focus::-ms-placeholder,textarea:hover::focus:-ms-placeholder{color:#8892b0}#my-form{position:relative;width:100%;margin:50px auto 100px;text-align:center}input{font-family:"Lato",sans-serif;font-size:.875em;width:75%;height:50px;padding:0 15px;background:transparent;outline:none;color:#8892b0;border:1px solid #ccd6f6;border-bottom:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}input:hover{background:#ccd6f6;color:#0a192f}textarea{width:75%;height:110px;max-height:110px;padding:15px;background:transparent;outline:none;color:#8892b0;font-family:"Lato",sans-serif;font-size:.875em;border:1px solid #ccd6f6;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}textarea:hover{background:#ccd6f6;color:#0a192f}#email-submit-button{width:75%;padding:0;margin:-5px 0 0;font-family:"Lato",sans-serif;font-size:.875em;color:#8892b0;outline:none;cursor:pointer;border:1px solid #ccd6f6;border-top:none}#email-submit-button:hover{color:#0a192f}.gap-bottom{width:100%;height:30vmin}.footer-row-1{display:flex;width:100%;justify-content:center}.footer-icon-container{display:flex;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.footer-row-2{display:flex;width:100%;justify-content:center}#footer-github{color:#8892b0;margin-bottom:20px;font-size:2.5vmin;transition:.3s ease}#footer-github:hover{color:#64ffda}#thiscanvas{width:100%;height:480px;background:#0a192f}@media screen and (max-width:576px){#side-footer,#side-footer-2{display:none!important}}@media screen and (min-width:576px){.footer-row-1{display:none!important}}
/*# sourceMappingURL=main.ef3279a2.chunk.css.map */