.welcome{display:flex;justify-content:space-around;align-items:center;padding-inline:5rem;font-weight:1000;background:linear-gradient(172deg,#242620,#373b41,#242620)}@media (max-width: 900px){.welcome{flex-direction:column;gap:5rem;margin-top:10rem;padding:0;align-items:start;background:transparent}}.hero-text{display:flex;flex-direction:column;gap:10px}.hero-text h4{font-size:clamp(2.5rem,3vw,var(--h4-size));font-weight:900}.hero-text h1{font-size:clamp(3.5rem,4vw,var(--h1-size));font-weight:800}.hero-text p{font-size:clamp(1.8rem,3vw,var(--p-size))}.hero-img{max-width:30rem;border-radius:40% 60% 70% 30%/40% 50% 60%;overflow:hidden;animation:morph 5s linear infinite}@media (max-width: 900px){.hero-img{margin:0 auto}}@keyframes morph{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}.about{display:flex;justify-content:center;align-items:center;padding:5rem;background:linear-gradient(172deg,#242620,#373b41 25%,#242620)}@media (max-width: 900px){.about{padding:0;background:transparent}}.about-container{display:flex;justify-content:space-between;gap:5rem}@media (max-width: 900px){.about-container{flex-direction:column}}.about-skills{flex:1}@media (max-width: 900px){.about-skills{order:2}}.about-text{flex:1;display:flex;flex-direction:column;gap:2rem}.about-text p{font-size:clamp(1.8rem,3vw,var(--p-size))}.icon-list{display:flex;flex-wrap:wrap;gap:clamp(2rem,10vw,4.5rem)}@media (max-width: 900px){.icon-list{padding:0;justify-content:center}}.icon{list-style:none;width:clamp(4rem,10vw,7rem)}.projects{display:flex;padding:5rem 10rem;background:linear-gradient(172deg,#242620,#373b41 75%,#242620)}@media (max-width: 900px){.projects{padding:0;background:transparent;margin-bottom:7.5rem}}.projects-container{display:flex;flex-direction:column;width:100%}.projects-container-1{height:45rem;display:flex;flex-direction:column;gap:2rem}@media (max-width: 900px){.projects-container-1{height:auto;margin-top:7rem;display:flex;flex-direction:column;gap:5rem}}.project-container-1{margin-top:2rem;display:flex;align-items:center;gap:10rem}@media (max-width: 900px){.project-container-1{flex-direction:column;gap:5rem}}.image-position{position:relative}.image-project{width:clamp(20rem,30vw,28rem);border:5px solid white;border-top-left-radius:1rem;border-top-right-radius:1rem}.image-project:after{content:"";border-bottom:7px solid white;width:140%;display:block;margin:0 auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px;position:absolute;left:50%;transform:translate(-50%)}.btn-container{margin-top:3rem;display:flex;gap:2rem;justify-content:center}.btn-container-project{text-decoration:none;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:2rem;border-radius:2rem;color:inherit;transition:all .3s;-webkit-user-select:none;user-select:none}.btn-container-project:hover{color:var(--color-text-dark)}.text{margin-top:1rem;font-size:var(--p-size)}.title{font-size:var(--h5-size)}.pagination{margin-top:3rem;display:flex;justify-content:center;gap:5rem}.pagination button{border:none;font-size:3rem;cursor:pointer;background-color:transparent;color:var(--color-primary-dark);transition:all .4s}.pagination button:hover{color:var(--color-primary-tertiary)}.pagination button:disabled{cursor:not-allowed}.content{width:100%}.start{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem}.start-text{font-size:var(--h2-size)}.start-button{margin-top:5rem;border:none;border-radius:2rem;width:30rem;height:10rem;background-color:var(--color-primary-dark);color:var(--color-white);font-size:var(--h2-size);cursor:pointer;transition:all .3s}.start-button:hover{background-color:var(--color-primary-tertiary)}.small-screen-content{width:1320px;height:210px;color:#fff;background-color:var(--color-dark-tertiary);overflow:hidden}.info{display:flex;justify-content:center;align-items:center;padding:5rem}@media (max-width: 900px){.info{padding:0 5rem;background-color:var(--color-primary-tertiary);flex-wrap:wrap}}.info-container{display:flex;justify-content:space-between;width:80%}@media (max-width: 900px){.info-container{width:100%;justify-content:center;align-items:center;gap:3rem;padding-block:2rem;flex-wrap:wrap}}.info-container p{font-size:3.5rem}@media (max-width: 900px){.info-container p{font-size:2rem;order:1}}.info-container a{color:inherit;font-size:7rem}@media (max-width: 900px){.info-container a{font-size:2.5rem;order:2}}.app-layout{padding-inline:clamp(1rem,5vw,5rem);display:flex;flex-direction:column;gap:10rem;background:linear-gradient(120deg,#242620,#373b41,#242620)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html,body,#root{top:0;left:0;position:fixed;width:100%;height:100%;overflow:hidden;background-color:#000}@media (max-width: 900px){html,body,#root{overflow:auto;overflow-x:hidden;color:#fff}}html{font-size:62.5%}.screen-content{width:1320px;height:660px;color:#fff;overflow:hidden}:root{--color-dark-primary: #24262b;--color-dark-secondary: #2a2d2f;--color-dark-tertiary: #373b41;--color-primary-dark: #6040ac;--color-primary-secondary: #6040ac;--color-primary-tertiary: #c37bce;--color-white: #ffffff;--color-text-dark: #d1d5db}:root{--font-primary: "Noto Sans";--h1-size: 5rem;--h2-size: 3.5rem;--h3-size: 3rem;--h4-size: 2.5rem;--h5-size: 2.3rem;--p-size: 2.1rem;--input-size: 1.4rem}html{font-family:var(--font-primary)}.text-color{background-image:linear-gradient(to right bottom,var(--color-primary-dark),var(--color-primary-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.title-h2{font-size:clamp(3rem,5vw,var(--h2-size));color:inherit;margin-top:2rem}.title-h4{font-size:clamp(2.5rem,5vw,var(--h4-size));color:inherit}.notification{display:flex;gap:2rem;position:absolute;top:0;left:0;padding:3rem;margin:4rem;border-radius:2rem;background-color:var(--color-dark-primary);color:var(--color-white);font-size:1.5rem}.notification button{border:none;outline:none;background-color:var(--color-primary-dark);color:inherit;border-radius:1rem;padding:1rem;font-size:1.5rem;cursor:pointer}.notification h2{margin-top:.5rem}