:root{--clr-primary-100:linear-gradient(217deg,rgba(22,22,22,0.8),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,rgba(21,255,255,0.8),rgba(0,255,0,0) 70.71%),linear-gradient(336deg,rgba(17,40,56,0.8),rgba(0,0,255,0) 70.71%);--clr-primary-200:hsla(0,0%,100%,0);--clr-primary-300:hsla(0,0%,100%,0.25);--clr-primary-400:hsla(0,0%,100%,0.5);--clr-primary-500:hsla(0,0%,100%,0.75);--clr-primary-600:rgba(0,0,0,0.9);--clr-primary-700:hsla(0,0%,100%,0.9);--clr-primary-800:rgba(206,14,14,0.9);--clr-primary-900:hsla(0,0%,100%,0.1);--clr-primary-1000:rgba(22,22,22,0.8);--clr-primary-1100:linear-gradient(#fff,hsla(0,0%,100%,0.6));--clr-primary-1200:linear-gradient(#4e4e4e,#b4b4b4);--clr-secondary-100:#fff;--ff-100:sans-serif;--ff-200:"ConstantineRegular"}*,:after,:before{box-sizing:border-box}body{margin:0}.background-main{height:100vh;justify-content:center;align-items:center;flex-direction:column}.background-about,.background-main{background:linear-gradient(217deg,rgba(22,22,22,.8),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,rgba(21,255,255,.8),rgba(0,255,0,0) 70.71%),linear-gradient(336deg,rgba(17,40,56,.8),rgba(0,0,255,0) 70.71%);background:var(--clr-primary-100);display:flex;position:absolute;z-index:0;width:100%}.background-about{height:335vh}.background-contact{height:100vh}.background-contact,.background-projects{background:linear-gradient(217deg,rgba(22,22,22,.8),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,rgba(21,255,255,.8),rgba(0,255,0,0) 70.71%),linear-gradient(336deg,rgba(17,40,56,.8),rgba(0,0,255,0) 70.71%);background:var(--clr-primary-100);display:flex;position:absolute;z-index:0;width:100%}.background-projects{height:185vh}.container-content{position:absolute;left:50%;top:30%;-webkit-transform:translate(-50%);transform:translate(-50%)}.container-cards{display:grid;grid-template-columns:auto;width:60%;justify-content:center;align-content:center;grid-row-gap:5%;margin-left:auto;margin-right:auto}.card{width:14rem;height:24rem;padding-left:2rem;padding-right:2rem;text-align:center;background:linear-gradient(#fff,hsla(0,0%,100%,.6));background:var(--clr-primary-1100);font-size:.9rem;font-family:"ConstantineRegular";font-family:var(--ff-200);border-radius:1rem;border:.5rem solid hsla(0,0%,100%,.9);border:.5rem solid var(--clr-primary-700);letter-spacing:.1rem;-webkit-transform:rotateX(15deg) rotateY(30deg);transform:rotateX(15deg) rotateY(30deg)}.card-symbol{padding:0;margin:0;font-size:3rem;color:rgba(206,14,14,.9);color:var(--clr-primary-800)}.card:hover{-webkit-animation-name:card;animation-name:card;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.container-picture{position:absolute;top:130%;left:50%;align-items:center;justify-content:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150%}.picture{width:100%;border-radius:1rem;border:.6rem solid hsla(0,0%,100%,.9);border:.6rem solid var(--clr-primary-700)}.picture:hover{-webkit-animation-name:picture;animation-name:picture;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes picture{to{box-shadow:0 .4rem .6rem rgba(0,0,0,.9);-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}}@keyframes picture{to{box-shadow:0 .4rem .6rem rgba(0,0,0,.9);-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}}@-webkit-keyframes card{to{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}}@keyframes card{to{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}}.container-projects{position:absolute;z-index:2;top:30%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:grid;grid-template-columns:auto;grid-column-gap:1rem;grid-row-gap:1rem}.project-picture{width:24rem;height:14rem;border-radius:1rem;border:.2rem solid hsla(0,0%,100%,.9);border:.2rem solid var(--clr-primary-700)}.project-description{text-align:center;color:rgba(0,0,0,.9);color:var(--clr-primary-600);font-family:sans-serif;font-family:var(--ff-100);font-size:1.25rem;padding:0;margin:.5rem 0 0}.title-card{font-size:1.5rem;border-bottom:.1rem solid rgba(0,0,0,.9);border-bottom:.1rem solid var(--clr-primary-600)}.nav{display:flex;position:absolute;z-index:1;align-items:center;justify-content:center;height:4rem;width:100%;font-size:1rem;font-family:sans-serif;font-family:var(--ff-100)}.nav .page{margin-left:2%;margin-right:2%}.nav .page:hover{-webkit-animation-name:page;animation-name:page;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes page{0%{color:hsla(0,0%,100%,0);color:var(--clr-primary-200);border-bottom:.1rem solid hsla(0,0%,100%,0);border-bottom:.1rem solid var(--clr-primary-200)}25%{color:hsla(0,0%,100%,.25);color:var(--clr-primary-300);border-bottom:.1rem solid hsla(0,0%,100%,.25);border-bottom:.1rem solid var(--clr-primary-300)}50%{color:hsla(0,0%,100%,.5);color:var(--clr-primary-400);border-bottom:.1rem solid hsla(0,0%,100%,.5);border-bottom:.1rem solid var(--clr-primary-400)}75%{color:hsla(0,0%,100%,.75);color:var(--clr-primary-500);border-bottom:.1rem solid hsla(0,0%,100%,.75);border-bottom:.1rem solid var(--clr-primary-500)}to{color:hsla(0,0%,100%,.9);color:var(--clr-primary-700);border-bottom:.1rem solid hsla(0,0%,100%,.9);border-bottom:.1rem solid var(--clr-primary-700)}}@keyframes page{0%{color:hsla(0,0%,100%,0);color:var(--clr-primary-200);border-bottom:.1rem solid hsla(0,0%,100%,0);border-bottom:.1rem solid var(--clr-primary-200)}25%{color:hsla(0,0%,100%,.25);color:var(--clr-primary-300);border-bottom:.1rem solid hsla(0,0%,100%,.25);border-bottom:.1rem solid var(--clr-primary-300)}50%{color:hsla(0,0%,100%,.5);color:var(--clr-primary-400);border-bottom:.1rem solid hsla(0,0%,100%,.5);border-bottom:.1rem solid var(--clr-primary-400)}75%{color:hsla(0,0%,100%,.75);color:var(--clr-primary-500);border-bottom:.1rem solid hsla(0,0%,100%,.75);border-bottom:.1rem solid var(--clr-primary-500)}to{color:hsla(0,0%,100%,.9);color:var(--clr-primary-700);border-bottom:.1rem solid hsla(0,0%,100%,.9);border-bottom:.1rem solid var(--clr-primary-700)}}.title{font-weight:200;color:rgba(0,0,0,.9);color:var(--clr-primary-600)}.title-name{letter-spacing:.4rem;font-size:5rem}.title-description{letter-spacing:.2rem;font-size:2rem}.container-contact-info{position:absolute;text-align:center;width:60%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.title-email{letter-spacing:.16rem;font-size:1.6rem}.title-about,.title-contact,.title-projects{position:absolute;z-index:1;left:50%;top:12%;font-size:3rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.triangle-red{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:22%}.triangle-one,.triangle-red{width:0;height:0;border-top:.6rem solid rgba(206,14,14,.9);border-top:.6rem solid var(--clr-primary-800);border-left:.6rem solid transparent;border-right:.6rem solid transparent}.triangle-two{width:0;height:0;border-top:5rem solid hsla(0,0%,100%,.1);border-top:5rem solid var(--clr-primary-900);border-left:2.5rem solid transparent;border-right:2.5rem solid transparent;z-index:-1;-webkit-animation-name:triangleTwo;animation-name:triangleTwo;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;position:absolute;left:75%;top:10%}@-webkit-keyframes triangleTwo{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes triangleTwo{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.triangle-three{width:0;height:0;border-top:5rem solid hsla(0,0%,100%,.1);border-top:5rem solid var(--clr-primary-900);border-left:2.5rem solid transparent;border-right:2.5rem solid transparent;z-index:-1;-webkit-animation-name:triangleTwo;animation-name:triangleTwo;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;position:absolute;left:10%;top:80%}@-webkit-keyframes triangleThree{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes triangleThree{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.circle-one{width:12rem;height:12rem;background:hsla(0,0%,100%,.1);background:var(--clr-primary-900);border-radius:50%;top:30%}.circle-one,.square-one{position:absolute;z-index:-1}.square-one{width:6rem;height:6rem;background:none;top:70%;left:75%;-webkit-animation-name:squareOne;animation-name:squareOne;-webkit-animation-duration:14s;animation-duration:14s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes squareOne{to{-webkit-transform:rotate(1turn) rotateY(1turn);transform:rotate(1turn) rotateY(1turn)}}@keyframes squareOne{to{-webkit-transform:rotate(1turn) rotateY(1turn);transform:rotate(1turn) rotateY(1turn)}}.circle-two{width:10rem;height:10rem;border-radius:50%;background:none;position:absolute;z-index:-1;top:10%;left:10%;-webkit-animation-name:circleTwo;animation-name:circleTwo;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes circleTwo{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes circleTwo{to{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@media (min-width:40rem){.title-name{letter-spacing:.5rem;font-size:6rem}.circle-one{top:30%;width:12rem;height:12rem}.title-about,.title-contact,.title-projects{letter-spacing:.25rem;font-size:3.5rem}.triangle-red{border-top:.7rem solid rgba(206,14,14,.9);border-top:.7rem solid var(--clr-primary-800);border-left:.7rem solid transparent;border-right:.7rem solid transparent;top:23.5%}.title-email{letter-spacing:.18rem;font-size:1.8rem}.container-cards{grid-template-columns:auto auto}.container-picture{top:145%;width:100%}.background-about{height:220vh}.picture{border-radius:1.5rem}.container-project-picture{grid-template-rows:auto auto}}@media (min-width:60rem){.title-name{letter-spacing:.6rem;font-size:7rem}.circle-one{top:28%;width:14rem;height:14rem}.circle-two,.square-one{background:hsla(0,0%,100%,.1);background:var(--clr-primary-900)}.title-about,.title-contact,.title-projects{letter-spacing:.3rem;font-size:4rem}.triangle-red{border-top:.8rem solid rgba(206,14,14,.9);border-top:.8rem solid var(--clr-primary-800);border-left:.8rem solid transparent;border-right:.8rem solid transparent;top:25.5%}.container-cards{flex-direction:row}.title-email{letter-spacing:.2rem;font-size:2rem}.container-cards{grid-template-columns:auto auto auto}.container-picture{top:150%;width:90%}.background-about{height:235vh}.picture{border-radius:2rem}.container-project-picture{grid-template-rows:auto auto auto}.container-projects{grid-template-columns:auto auto}.background-projects{height:110vh}}@media (min-width:80rem){.title-name{letter-spacing:.7rem;font-size:8rem}.circle-one{top:26%;width:16rem;height:16rem}.triangle-red{border-top:.9rem solid rgba(206,14,14,.9);border-top:.9rem solid var(--clr-primary-800);border-left:.9rem solid transparent;border-right:.9rem solid transparent;top:25.5%}.container-cards{grid-template-columns:auto auto auto auto}.container-picture{top:210%;width:70%}.background-about{height:190vh}.container-project-picture{grid-template-rows:auto auto auto auto}.container-projects{grid-template-columns:auto auto auto}}
/*# sourceMappingURL=main.7ea58ab3.chunk.css.map */