@import"./constants.css";*,*:before,*:after{margin:0;padding:0;text-decoration:none;list-style:none;font-family:Bebas Neue,sans-serif;letter-spacing:.2rem;box-sizing:border-box;color:var(--red-text-color)}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:Verdana,Geneva,Tahoma,sans-serif}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.delete{display:none!important}/*! background image */body{overflow-x:hidden;background-color:#000;z-index:-2;position:relative}.background-image{background-image:url(/assets/background-BJdTczB2.jpg);position:fixed;top:0;right:0;left:0;height:100%;z-index:-3;background-size:cover;background-position:center}.hidden{opacity:0;transition-property:opacity,transform;transition-duration:.7s;filter:blur(5px);transform:translate(-50%)}.show{opacity:1;filter:blur(0px);transform:translate(0)}.hidden-skills{opacity:0;transition-property:opacity,transform;transition-duration:.7s;filter:blur(5px);transform:rotate(0)}.show-skills{opacity:1;filter:blur(0px);transform:rotate(90deg)}.star{transform-style:preserve-3d;width:1px;height:1px;position:absolute;color:red;pointer-events:none}.star:before{position:absolute;content:"✦";color:inherit;top:0;right:0;bottom:0;left:0;box-shadow:0 0 1em .5em #a3c2;filter:drop-shadow(0 0 .5em white);text-shadow:0 0 .8em #fff5}.spacer{background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;aspect-ratio:900/300}.curve1{background-image:url(/curve1.svg)}.curve2{background-image:url(/curve2.svg)}.curve3{background-image:url(/curve3.svg)}/*! NAV STARTER */.nav{background-color:transparent;position:absolute;width:1000px;height:50px;margin-left:50%;transform:translate(-50%);font-size:30px;padding-inline:3%;animation:navbarload .5s ease-in-out}@keyframes navbarload{0%{top:-50px;opacity:0}to{top:0;opacity:1}}.nav__title{display:inline-block}@media (max-width: 1000px){.nav{width:100%}}#check{display:none}/*! HOVER EFFECTS */.hover:after{content:"";position:relative;left:0;right:0;height:3px;width:0%;transform:translate(10%);background-color:var(--lighter-primary-color);display:block;transition:all .5s}.hover:hover{color:var(--lighter-primary-color)}.hover:hover:after{width:calc(80% - 3px)}/*! SIDEBAR */.checkbtn{float:right;color:var(--red-text-color);font-size:30px;line-height:50px;cursor:pointer;position:relative;right:0;display:none;z-index:3}.nav__list-container{width:max-content;float:right}.nav__list-container li{display:inline-block;margin-left:13px;color:var(--red-text-color)}#blur{filter:blur(0px);transition:filter .5s}@media (max-width: 650px){.nav{position:fixed}.checkbtn{display:inline-block}.nav__list-container{display:none}}@media (min-width: 650px){.checkbtn{display:none}.nav__list-container{display:inline-block}}@media (max-width: 650px){.checkbtn{display:block;z-index:3}.nav__list-container{position:fixed;width:60%;height:100vh;top:2 0px;background-color:var(--thirdary-color);box-shadow:#11111a1a 0 8px 24px,#11111a1a 0 16px 56px,#11111a1a 0 24px 80px;left:100%;text-align:center;transition:all .2s;display:inline;z-index:2;padding-top:10%}.nav__list-container li{display:block;line-height:30px;margin-inline:30%}.nav__list-container li a{font-size:20px;padding:20px 30px;display:inline-block}.nav__list--a:hover,.nav__list--a.active{background:none;color:var(--lighter-primary-color)}#check:checked~.nav__list-container{left:40%}#check:checked~.blur{filter:blur(30px)}}.footer{position:relative;background:url(/foot.svg);background-size:100% 100%;bottom:00px;height:300px;display:flex;justify-content:center;align-items:center}.footer h1{font-size:120px;font-family:sans-serif}:root{--triangle-size-value: calc(11vw + 15px) ;--page-background-color: var(--quadrary-color)}.page{position:relative;width:90vw;margin-left:5%;transition:0;top:calc(101vh + var(--triangle-size-value));background-color:var(--page-background-color);z-index:-1;margin-bottom:1000px}.page-section-1{background-color:var(--quadrary-color)}.page-section-2{background-color:var(--thirdary-color)}.page-section-3{background-color:var(--quadrary-color)}.page-section-4{background-color:var(--thirdary-color)}#triangle{width:0;height:0;border-left:45vw solid transparent;border-right:45vw solid transparent;border-bottom:var(--triangle-size-value) solid var(--page-background-color);position:absolute;top:calc((-1 * var(--triangle-size-value)) + .1vh)}#bottom-triangle1{position:absolute;bottom:calc((-1 * var(--triangle-size-value)) + .1vh);left:0;background-color:transparent;border-left:0 solid transparent;border-right:50vw solid transparent;border-top:var(--triangle-size-value) solid var(--thirdary-color)}#bottom-triangle2{position:absolute;bottom:calc((-1 * var(--triangle-size-value)) + .1vh);right:0;background-color:transparent;border-left:50vw solid transparent;border-right:0px solid transparent;border-top:var(--triangle-size-value) solid var(--thirdary-color)}#circle{position:relative;transform:translate(-50%);top:calc((-1 * var(--triangle-size-value)) + -10vh);left:50%;width:50px;height:50px;aspect-ratio:1/1;opacity:1}.svg-inline--fa.fa-w-10{width:100%;height:100%}.about{background-color:var(--quadrary-color);margin-inline:18%;text-align:left}.about__hi{display:flex;align-items:center;color:var(--light-color);margin-bottom:10px}.about__hi h1{font-size:42px;color:var(--light-color)}.about__hi img{margin-left:8px;transform:rotate(0)}.about h1{color:var(--light-color);font-size:42px}.about h2{color:var(--light-color);font-size:32px;margin-bottom:14px}.about h3{color:var(--light-color);font-size:18px;display:inline}.about__buttons-container{justify-items:center}.about__buttons--buttons{padding:4px 8px;border:none;border-radius:5px;background-color:var(--secondary-color);box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px;cursor:pointer;color:var(--light-color);transition:.25s;margin-right:1em;margin-top:14px}.about__buttons--buttons:hover{box-shadow:0 .5em .5em -.4em var(--light-color);transform:translateY(-.25em)}.about__buttons--buttons:active{transition:0s;background-color:var(--thirdary-color)}@media (max-width: 1000px){.about__hi h1,.about h1{font-size:32px}.about h2{font-size:20px}.about h3{font-size:18px}}.project{position:relative;left:50%;transform:translate(-50%);width:min-content;padding-inline:5%}.project path{fill:var(--light-color)}.project *{color:var(--light-color)}.project>p{font-size:28px;margin-left:5%}.project__container{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}.project__card{padding:50px 0;display:flex;gap:50px;flex-direction:row}.project__card--image{flex:1;height:300px;width:400px;overflow:hide}.project__card--image img{height:300px;width:400px;object-fit:cover;object-position:top;border-radius:10px;transition:all .1s ease;transform:translate(-50%,-50%);position:relative;top:50%;left:50%}.project__card--image img:hover{width:412px;height:309px;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.projects__container>div{display:flex;gap:max-content}.projects__container>div>div{flex:1}.card__text{display:grid;flex:1;width:450px}.card__text>p{font-size:16px}.card__text--links{display:flex;margin-top:16px}.card__text--links>a>svg{width:30px;height:30px;margin-right:16px}.card__text--tools{display:flex;gap:20px;margin-top:16px}.card__text--tools p{font-size:16px}@media (max-width: 1115px){.project{width:100%}.projects__container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;gap:30px;overflow-x:scroll}#style-1::-webkit-scrollbar-track{border-radius:10px;background-color:var(--quadrary-color)}#style-1::-webkit-scrollbar{width:12px;height:6px;background-color:transparent}#style-1::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--thirdary-color)}.project__card{flex-direction:column}.project__card2{flex-direction:column-reverse}.project__card--image img:hover{width:400px;height:300px;box-shadow:none}}.skills{display:flex;justify-content:center}.skills__container{width:900px;display:flex;flex-direction:column;align-items:center}.skills__container *{color:var(--light-color)}.skills__container--skills{display:flex;gap:10px;content:"";width:max-content}.card:hover img{transition:.1s transform;box-shadow:0 .5em .5em -.4em var(--thirdary-color);transform:translateY(-.25em)}.skills__container--skills>a{background-color:transparent;border-radius:10px;height:min-content;display:flex;align-items:center;padding:10px;backface-visibility:hidden;transform:perspective(1000px) rotateX(90deg)}.flip{transition:1s;animation:flip 1s forwards}@keyframes flip{0%{transform:perspective(1000px) rotateX(90deg)}to{transform:perspective(1000px) rotateX(0)}}.skills__container--skills>a>img{width:40px;aspect-ratio:1/1;margin-right:4px}.project__card--image img{overflow:hidden}.card1{animation-delay:.1s}.card2{animation-delay:.2s}.card3{animation-delay:.3s}.card4{animation-delay:.4s}.card5{animation-delay:.5s}@media (max-width: 1115px){.skills__container{width:700px}.skills__container--skills{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}}@media (max-width: 823px){.skills__container{width:80%}}@media (max-width: 533px){.skills__container--skills{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}}:root{--primary-color: #c8293f;--lighter-primary-color: #ee304b;--secondary-color: #fe7f4c;--thirdary-color: #2f112d;--quadrary-color: #7f0131;--light-color: #ffdbc5;--red-text-color: #c8293f}.who{display:grid;grid-template-columns:5fr 2fr;grid-template-rows:1fr;margin-bottom:50px;width:800px;justify-content:center;align-items:center;transform:translate(-50%);position:relative;left:50%;color:var(--light-color)}.who__text{padding-right:90px;color:currentColor}.who__text h3{font-size:28px;font-weight:700;color:currentColor;padding-bottom:20px}.who__text p{font-size:16px;color:currentColor}.who__image img{border-radius:15px;transition:border-radius 1.5s ease-in-out}.highlight{color:var(--secondary-color)}@media (max-width: 1115px){.who{display:block;width:80%}.who__text{padding-right:0}.who__image img{display:none}}