html{display:block}*{box-sizing:border-box;margin:0;padding:0;font-family:"Work Sans",sans-serif;--main-dark-color: #2a272e;--main-bg-color: #867885;--text-hover-color: #ff0080;--text-shadow-color: #3cf2ff;--glitch-color-1: #ff0000;--glitch-color-2: #00e732;--light-grey-purple: #aeabb3;--text-color-white: #d7d1db;--container-shadow: 11px 17px 49px -4px rgba(0,0,0,0.6)}* ::-webkit-scrollbar{width:14px;height:10px}* ::-webkit-scrollbar-button{width:0px;height:0px}* ::-webkit-scrollbar-thumb{background:#9e99a3;border:0px solid transparent;border-radius:0px}* ::-webkit-scrollbar-thumb:hover,* ::-webkit-scrollbar-thumb:active{background:#aca8b1}* ::-webkit-scrollbar-track{background:#5d5a5e;border:0px none transparent;border-radius:0px}* ::-webkit-scrollbar-corner{background:transparent}body{width:100vw;color:#d7d1db;background:#2a272e;color:var(--text-color-white);background:var(--main-dark-color)}body,html{overflow:hidden;height:100%}.viewport{height:100%;width:100%;overflow-x:hidden;overflow-y:scroll;position:relative;-webkit-overflow-scrolling:touch}.logo{letter-spacing:2px;word-spacing:6px}.logo:hover{font-weight:400;color:#fff;text-shadow:.1em 0px 0px #3cf2ff,-0.1em 0px 0px #ff0080,-1px -2px 0px #e63600,1px 2px 0px #fe0;color:var(--text-color-white);text-shadow:.09em 0px 0px var(--text-shadow-color),-0.09em 0px 0px var(--text-hover-color),.06em .06em 0px var(--glitch-color-1),-0.06em -0.06em 0px var(--glitch-color-2)}.flex-row-vertical-center{display:flex;flex-direction:row;align-items:center}.nav{z-index:100;display:flex;height:50px;justify-content:space-between;position:sticky;top:0;background-color:#181518}.nav button,.nav a{display:flex;align-items:center;height:100%;border:none;background-color:transparent;text-decoration:none;font-size:17px;padding:0 20px;color:var(--text-color-white);text-transform:uppercase}.nav button:hover,.nav a:hover{color:#fff;text-shadow:.11em 0px 0px #3cf2ff,-0.11em 0px 0px #ff0080,-1px -2px 0px #e63600,1px 2px 0px #fe0;color:var(--text-color-white);text-shadow:.11em 0px 0px var(--text-shadow-color),-0.11em 0px 0px var(--text-hover-color),-0.06em -0.06em 0px var(--glitch-color-2),.06em .06em 0px var(--glitch-color-1)}.nav a.logo{font-size:22px}.nav button:hover,.nav button:focus{cursor:pointer;outline:none}.nav>div{height:100%}.container-first{height:calc(100vh - 50px);width:100vw}.button-main{border:1px solid #d7d1db;border:1px solid var(--text-color-white)}.button-main:hover{background-color:#d7d1db;color:#2a272e !important;background-color:var(--text-color-white);color:var(--main-dark-color) !important}.button-main:focus-within{outline:none;background-color:#ff0080;background-color:var(--text-hover-color);color:#fff !important;border:1px solid #ff0080;border:1px solid var(--text-hover-color);box-shadow:0 0 0 .15rem #2a272e,0 0 0 .25rem #3cf2ff;box-shadow:0 0 0 .15rem var(--main-dark-color),0 0 0 .25rem var(--text-shadow-color)}@media only screen and (max-width: 501px){* ::-webkit-scrollbar{width:7px;height:10px}.nav{height:16vw}.nav button,.nav a{font-size:3vw;padding:0 2vw}.nav a.logo{font-size:3.7vw}.container-first{height:calc(100vh - 16vw)}}@media only screen and (min-width: 500px)and (max-width: 650px){.nav button,.nav a{font-size:2.5vw}.nav a.logo{font-size:3.4vw}}.container-header{position:relative;background:radial-gradient(circle, #513052 0%, #4d294b 4%, #382337 12%, #2d222e 27%, var(--main-dark-color) 100%)}.lines-bg{height:100%;width:100vw}.header-main{font-size:100px;position:absolute;top:-1vh;left:0;display:flex;justify-content:center;align-items:center}.header-main h3{position:absolute;transition:font-size .1s linear}.header-main h3:hover{font-size:130px;transition:font-size .1s linear}.about-me-container{display:none}.parallax-about-me-container{height:100vh;width:100vw;background:var(--main-bg-color)}.about-me-data-container{margin:0 auto;display:flex;width:885px;height:520px;background-color:var(--main-dark-color);color:var(--text-color-white);-webkit-box-shadow:var(--container-shadow);-moz-box-shadow:var(--container-shadow);box-shadow:var(--container-shadow)}.profile-img{object-fit:cover;height:inherit}.about-text{position:relative}.about-text h3{position:absolute;bottom:5px;left:45px;font-size:47px;text-transform:uppercase;transform-origin:left;transform:rotate(-90deg)}.about-text p{font-size:22px;line-height:1.5em;margin:40px 50px 30px 110px}.about-text a{border:none;text-decoration:none}.icon-container{position:absolute;bottom:30px;left:110px}.svg-icon{height:40px;width:40px;margin-right:15px;fill:var(--text-color-white);text-decoration:none}.svg-icon:hover{cursor:pointer;fill:#fff;filter:drop-shadow(3px 0px 0px #3cf2ff) drop-shadow(-3px 0px 0px #ff0080);fill:var(--text-color-white);filter:drop-shadow(-1px -3px 0px var(--glitch-color-2)) drop-shadow(1px 3px 0px var(--glitch-color-1)) drop-shadow(3px 0px 0px var(--text-shadow-color)) drop-shadow(-3px 0px 0px var(--text-hover-color))}.glitch{text-transform:uppercase;color:var(--text-color-white)}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;right:0;overflow:hidden;color:var(--text-color-white);clip:rect(0, 900px, 0, 0)}.glitch::before{left:2px;text-shadow:3px 0 #105bb1;animation:glitch-effect 4s infinite linear alternate-reverse}.glitch::after{left:1px;text-shadow:-3px 0 var(--text-hover-color);animation:glitch-effect 3s infinite linear alternate-reverse}@keyframes glitch-effect{0%{clip:rect(112px, 9999px, 59px, 0)}4%{clip:rect(41px, 9999px, 94px, 0)}8%{clip:rect(31px, 9999px, 57px, 0)}12%{clip:rect(24px, 9999px, 100px, 0)}16%{clip:rect(75px, 9999px, 27px, 0)}20%{clip:rect(110px, 9999px, 20px, 0)}24%{clip:rect(107px, 9999px, 89px, 0)}28%{clip:rect(102px, 9999px, 20px, 0)}32%{clip:rect(58px, 9999px, 29px, 0)}36%{clip:rect(68px, 9999px, 85px, 0)}40%{clip:rect(93px, 9999px, 22px, 0)}44%{clip:rect(13px, 9999px, 115px, 0)}48%{clip:rect(116px, 9999px, 101px, 0)}52%{clip:rect(20px, 9999px, 20px, 0)}56%{clip:rect(31px, 9999px, 118px, 0)}60%{clip:rect(52px, 9999px, 24px, 0)}64%{clip:rect(14px, 9999px, 93px, 0)}68%{clip:rect(87px, 9999px, 36px, 0)}72%{clip:rect(79px, 9999px, 112px, 0)}76%{clip:rect(36px, 9999px, 49px, 0)}80%{clip:rect(9px, 9999px, 41px, 0)}84%{clip:rect(37px, 9999px, 105px, 0)}88%{clip:rect(104px, 9999px, 55px, 0)}92%{clip:rect(50px, 9999px, 88px, 0)}96%{clip:rect(90px, 9999px, 96px, 0)}100%{clip:rect(114px, 9999px, 22px, 0)}}@keyframes glitch-effect-mobile{0%{clip:rect(18px, 9999px, 57px, 0)}4%{clip:rect(107px, 9999px, 15px, 0)}8%{clip:rect(21px, 9999px, 50px, 0)}12%{clip:rect(13px, 9999px, 50px, 0)}16%{clip:rect(114px, 9999px, 122px, 0)}20%{clip:rect(103px, 9999px, 17px, 0)}24%{clip:rect(69px, 9999px, 106px, 0)}28%{clip:rect(21px, 9999px, 11px, 0)}32%{clip:rect(113px, 9999px, 99px, 0)}36%{clip:rect(48px, 9999px, 100px, 0)}40%{clip:rect(24px, 9999px, 44px, 0)}44%{clip:rect(90px, 9999px, 57px, 0)}48%{clip:rect(108px, 9999px, 37px, 0)}52%{clip:rect(114px, 9999px, 55px, 0)}56%{clip:rect(16px, 9999px, 45px, 0)}60%{clip:rect(7px, 9999px, 56px, 0)}64%{clip:rect(52px, 9999px, 77px, 0)}68%{clip:rect(4px, 9999px, 8px, 0)}72%{clip:rect(86px, 9999px, 104px, 0)}76%{clip:rect(21px, 9999px, 88px, 0)}80%{clip:rect(31px, 9999px, 3px, 0)}84%{clip:rect(81px, 9999px, 108px, 0)}88%{clip:rect(116px, 9999px, 58px, 0)}92%{clip:rect(79px, 9999px, 6px, 0)}96%{clip:rect(2px, 9999px, 97px, 0)}100%{clip:rect(77px, 9999px, 94px, 0)}}.dash-long{stroke-dasharray:122}.dash-medium{stroke-dasharray:90}.dash-medium-long{stroke-dasharray:67}.dash-short{stroke-dasharray:37}.dash-animation{animation:line-move 6s linear;animation-iteration-count:infinite}@keyframes line-move{to{stroke-dashoffset:2000}}@media only screen and (max-width: 500px){.header-main{font-size:13vw;top:7vw;left:7vw}.header-main h3:hover{font-size:15vw}.parallax-about-me-container{background:var(--main-bg-color)}.about-me-data-container{margin:0 auto;width:85vw;height:70%;flex-direction:column}.profile-img{object-fit:cover;width:inherit;height:70vw}.about-text{background:var(--main-dark-color);padding:6vw}.about-text h3{position:static;font-size:5.2vw;margin-bottom:3.7vw;text-transform:uppercase;transform:none}.about-text p{font-size:3.3vw;line-height:1.3em;margin:0 0 4vw 0}.icon-container{margin-top:6vw;position:static}.svg-icon{height:30px;width:30px;fill:var(--text-color-white)}.glitch::before{left:2px;text-shadow:3px 0 #105bb1;animation:glitch-effect-mobile 4s infinite linear alternate-reverse}.glitch::after{left:1px;text-shadow:-3px 0 var(--text-hover-color);animation:glitch-effect-mobile 3s infinite linear alternate-reverse}}@media only screen and (min-width: 501px)and (max-width: 1000px){.header-main{font-size:9vw}.header-main h3:hover{font-size:11vw}.about-me-data-container{width:80vw;height:50vw;margin:0 auto}.profile-img{object-fit:cover;width:40%}.about-text{background:var(--main-dark-color);padding:5vw}.about-text h3{position:static;font-size:3.5vw;margin-bottom:2vh;text-transform:uppercase;transform:none}.about-text p{font-size:2vw;line-height:1.5em;margin:0 0 2vh 0}.icon-container{bottom:30px;left:40px}.svg-icon{height:40px;width:40px}}@media only screen and (min-width: 1001px)and (max-width: 1200px){.about-me-data-container{width:85vw;height:50vw}.profile-img{object-fit:cover;width:40%}.about-text{padding:50px}.about-text h3{position:static;font-size:3.5vw;margin-bottom:2vh;text-transform:uppercase;transform:none}.about-text p{font-size:2.2vw;line-height:1.5em;margin:0 0 2vh 0}.icon-container{bottom:30px;left:40px}.svg-icon{height:40px;width:40px}}@media only screen and (min-width: 1201px){.viewport{perspective:8px}.parallax-container{transform-style:preserve-3d}.container-header{transform:scale(1.6)}.header-main{transform:translateZ(4px) scale(0.5)}.about-me-container{display:block;height:100vh;width:100vw;background:var(--main-bg-color);transform:translateZ(5px) scale(0.375);margin-top:-30vh}.parallax-about-me-container{background:transparent;transform:translateZ(6px) scale(0.25);margin-top:-100vh}}@supports(-moz-appearance: meterbar){.viewport{perspective:0px}.container-header{transform:none}.header-main{transform:none}.about-me-container{display:none}.parallax-about-me-container{background:var(--main-bg-color);transform:none;margin-top:0}}/*# sourceMappingURL=home.css.map */