@font-face{font-display:swap;font-family:Michroma;src:url(/static/media/Michroma-Regular.4c2e0f98a40551a60fa7.ttf) format("truetype")}@font-face{font-family:Unica;src:url(/static/media/UnicaOne-Regular.1684ee52c054f4c9598b.ttf) format("truetype")}*{color:#fff;font-size:20px}strong{color:#f8beca}*,:after,:before{box-sizing:border-box;font-family:Michroma}*{margin:0;padding:0}ol[role=list],ul[role=list]{list-style:none}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}img,picture{display:block;max-width:100%}@keyframes colorRotation{25%{color:#f8cfbe}50%{color:#caf8be}75%{color:#f8beca}to{color:#becaf8}}.about,.projects,.skills,html{background-color:#0e0e0e}h1{color:#fff;font-family:Unica;font-size:5vh}.y{animation:colorRotation 10s infinite;font-family:Michroma;font-size:8vh;font-weight:100;letter-spacing:-.3em;line-height:-10}.blackBoxLogo{font-size:5vh}.blackBoxLogo,button{animation:colorRotation 10s infinite;font-family:Unica}em{font-size:small}a{color:#fff;padding:0 .5vw;text-decoration:none;text-transform:uppercase}.michroma-font{font-family:Michroma-Regular}.unicaone-font{font-family:UnicaOne-Regular}.logo-container{position:relative;transition:height .2s,top .3s}.blur{background:linear-gradient(180deg,#101010,#101010b3);height:13vh;opacity:80%;z-index:5}.blur,.nav{position:fixed;width:100%}.nav{align-items:center;background:#0e0e0e;display:flex;font-family:Michroma;height:10vh;justify-content:space-between;padding:0 4em;z-index:999}.nav.visible{background:#000}@media(max-width:768px){.nav{padding:0 1em}}.nav.expanded{height:50vh}.items-left{align-items:flex-start;display:flex;opacity:0;transition:opacity .4s;visibility:hidden;z-index:1000}.items-left.visible{opacity:1;visibility:visible}.items-right{align-items:end;display:flex;opacity:0;transition:opacity .4s;visibility:hidden}.items-right.visible{opacity:1;visibility:visible}.logo-container{align-items:center;display:flex}.headerLink{color:#fff;font-weight:500;padding:0 1em;text-decoration:none;text-transform:uppercase;z-index:1000}.headerLink:hover strong{color:#caf8be;transition:color .3s}.headerLink strong{display:inline-block;transition:transform .3s}.headerLink:hover strong{transform:scaleX(-1);transition:color .3s,transform .3s}.logo{left:50%;padding:1em;position:fixed;top:0;transform:translateX(-52%);width:100vh;z-index:10000;z-index:2}.container{background:#0e0e0e;height:100vh;width:100%}.hamburger,.hamburgerMenu{display:none}.hamburgerLinks{align-items:center;display:flex;flex-direction:column;opacity:0;padding:1em;position:absolute;right:0;top:50%;transition:opacity .4s;visibility:hidden;width:100%}@media(max-width:1029px){.nav{padding:0}}@media(max-width:850px){.nav{align-items:start;background:#0e0e0e;font-family:Michroma;height:10vh;padding:0;position:fixed;z-index:999}.hamburgerMenu,.nav{display:flex;width:100%}.hamburgerMenu{justify-content:flex-end;padding-right:2vw;padding-top:3vh}.hamburger.visible{display:flex;flex-direction:row;flex-wrap:wrap;height:4vh;padding-right:2vw;z-index:30000}.items-left{display:none}.hamburgerLinks.visible{opacity:1;visibility:visible}}.buffer{height:50vh}.blackbox,.buffer{background-color:#0e0e0e}.blackbox{padding:15vh 3vw 3vw}.headlineTop{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;justify-content:space-around}.headline{align-self:center;justify-content:center;padding:1vw}@media(max-width:1024px){.headlineTop{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around}}.contact{background-color:#0e0e0e;padding-bottom:10vh;padding-top:20vh}.contactContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-top:10vh}.form{align-items:center;justify-content:center}.formHeader{color:#f8beca;font-family:Unica;font-size:2em;text-align:center}.formSubmit{background-color:#181818;display:block;margin:0 auto;padding:1em}.contactForm{align-content:center;align-items:center;display:flex;flex-direction:column}.image-character{width:27vw}input,textarea{color:#000}.swal2-popup{background-color:#171717}.swal2-title{color:#fff;font-family:Unica}.swal2-confirm.swal2-style{animation:colorRotation 10s infinite;font-family:Unica}.socials{align-items:center;display:flex;justify-content:space-between;padding-bottom:4vh}.socialLink{height:3vh}.about{padding:5vh 4vw 4vw;text-align:center}.titleAbout{font-family:Unica;font-size:2em}.skills{padding-top:25vh;text-align:center}.skillsContainer{background-color:#252525;margin-left:auto;margin-right:auto;width:80%}.skillsText{padding-left:2vw;padding-right:2vw}.iconsImg,.iconsImgAdobe,.iconsImgJs,.iconsImgProg,.iconsImgStyle{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.icon{height:15vh;padding:1em}.aboutBB,.subtitleSkills{text-align:center}.aboutBB{padding:20vh 4vw 4vw}.wrapper{align-items:center;display:flex;justify-content:center}.containerSlider{display:flex;flex-wrap:nowrap;height:50vh;justify-content:start}.card{background-size:cover;border-radius:.75rem;border-radius:2rem;box-shadow:0 1vw 3vw -.5vw #595858cc;cursor:pointer;display:flex;margin:0 1vw;overflow:hidden;transition:.6s cubic-bezier(.28,-.03,0,.99);width:7vw}.card>.row{align-items:flex-end;color:#fff;display:flex;flex-wrap:nowrap;margin:1vh;padding:2vh}.card>.row>.icon{align-items:center;background:#223;border-radius:50%;color:#fff;display:flex;height:2vh;justify-content:center;width:2vw}.card>.row>.description{background-color:#252525;height:25vh;opacity:0;overflow-y:scroll;padding:3vh;transform:translateY(10vw);transition-delay:.3s;transition:all .3s ease;width:50vw}.description p{margin:0;padding-top:5px}.description h4{margin:0;text-transform:uppercase}.inputProj{display:none}.inputProj:checked+label{width:60vw}.inputProj:checked+label .description{opacity:1!important;transform:translateY(0)!important}.card[for=c4]{background-image:url(/static/media/meet2.0b211de208abea324a5a.jpg)}@keyframes cycleImages-c4{0%{background-image:url(/static/media/meet2.0b211de208abea324a5a.jpg)}33%{background-image:url(/static/media/meet3.cd3df4033c0e6d554bd9.jpg)}66%{background-image:url(/static/media/meet1.b1fc414d0aa69f2c09c8.jpg)}to{background-image:url(/static/media/meet2.0b211de208abea324a5a.jpg)}}.card[for=c2],.inputProj:checked+.card[for=c2]{background-image:url(/static/media/chat-app-screenshpt.32c01f92868e6a4a2d89.png)}.inputProj:checked+.card[for=c2]{background-position:0 -40vw;background-repeat:no-repeat;background-size:cover}.card[for=c3]{background-position:50%}.card[for=c3],.inputProj:checked+.card[for=c3]{background-image:url(/static/media/myflix-1.882d5d603db668985f2c.png)}.inputProj:checked+.card[for=c3]{background-size:cover}@keyframes cycleImages-c3{0%{background-image:url(/static/media/myflix-1.882d5d603db668985f2c.png)}50%{background-image:url(/static/media/my-flix3.aa7041556f5a23ed6eb9.png)}to{background-image:url(/static/media/myflix-1.882d5d603db668985f2c.png)}}.card[for=c1]{background-image:url(/static/media/snakeporium-1.f6ab3ffed7417d3c42ac.png)}@keyframes cycleImages-c1{0%{background-image:url(/static/media/snakeporium-1.f6ab3ffed7417d3c42ac.png)}50%{background-image:url(/static/media/snakeporium-2.afc31215ffbad44b3eae.png)}to{background-image:url(/static/media/snakeporium-1.f6ab3ffed7417d3c42ac.png)}}.moreDetails,.used{color:#f8beca;font-family:Unica;font-size:1em}.moreDetails{float:right}@media(max-width:930px){.containerSlider{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%}.card,.inputProj:checked+label{width:90vw}.card{background-size:cover;border-radius:.75rem;border-radius:2rem;box-shadow:0 1vw 3vw -.5vw #595858cc;cursor:pointer;display:flex;height:50vh;margin:10vh;overflow:hidden;transition:.6s cubic-bezier(.28,-.03,0,.99)}card>.row{align-items:flex-end;color:#fff;display:flex;flex-wrap:nowrap;justify-content:space-around;margin:1vh;padding:10vh}.card>.row>.description{background-color:#252525;height:25vh;opacity:0;overflow-y:scroll;padding:3vh;transform:translateY(10vw);transition-delay:.3s;transition:all .3s ease;width:70vw}}@media(max-width:610px){.explanation{display:none}.used{bottom:0;padding:2vh;position:absolute}}.footerContainer{align-content:space-around;align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;padding-top:15vh}.footerLink{font-family:Unica}
/*# sourceMappingURL=main.7ea141fb.css.map*/