.welcome{width:calc(100% - 60px);margin:0 auto;height:100vh;display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.welcome{margin:0 auto 10%;width:calc(100% - 160px)}}@media (min-width: 1024px){.welcome{width:100%}}.welcome__text{color:#fff;width:100%;text-align:right}.welcome__image{max-width:851px;width:100%}.welcome__container{display:flex;flex-direction:row}.welcome hr{background:#fff;height:1px;border:none;display:block;margin:20px 0}.welcome .nav__social img{width:30px;margin-left:0}.welcome .nav__social a:hover img{width:40px;margin-top:-10px}.about{width:100%;padding:120px 60px;height:auto;display:flex;flex-direction:column;justify-content:center;color:#fff;gap:160px}@media (min-width: 768px){.about{padding:180px 90px}}@media (min-width: 1280px){.about{padding:180px 140px;gap:184px}}.about__banner{display:flex;flex-direction:column;gap:30px}.about__banner a{color:var(--Primary, #61dafb)}.about__banner-wrapper{display:flex;flex-direction:column-reverse;gap:30px}@media (min-width: 1024px){.about__banner-wrapper{flex-direction:row;gap:114px}}.about__banner-content{display:flex;gap:30px;flex-direction:column}.about__banner-photo img{max-width:271px;margin:0 auto;display:block}@media (min-width: 768px){.about__banner-photo img{max-width:331px}}.about__banner-text{font-size:28px;line-height:40px;font-weight:100;font-style:light}@media (min-width: 768px){.about__banner-text{font-size:38px;line-height:55px}}.about__banner b{font-weight:600}.about__banner-small-text{font-size:20px;line-height:36px;font-weight:100}@media (min-width: 768px){.about__banner-small-text{font-size:25px}}.about__content{display:flex;gap:120px;flex-direction:column}@media (min-width: 1024px){.about__content{display:flex;flex-direction:row}}.about__content-skills{max-width:661px;display:flex;flex-direction:column;gap:30px}.about__content-skills-text{line-height:48px;font-weight:100;font-size:25px}@media (min-width: 1024px){.about__content-skills-text{font-size:20px}}.about__content-exp{display:flex;flex-direction:column;gap:60px;width:100%}.about__content-exp-details{display:flex;flex-direction:column;gap:30px}.about__content-exp-details-items{gap:30px;display:flex;flex-direction:column}.about__content-exp-details-item{border-bottom:solid 1px #fff;padding-bottom:20px;font-weight:600;font-size:18px;display:flex;flex-direction:column;gap:10px}@media (min-width: 1024px){.about__content-exp-details-item{font-size:16px}}.about__content-exp-details-item-data{display:flex;justify-content:space-between;font-weight:100}.about__toolstack-grid{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:60px 30px;text-align:center}.about__toolstack-grid img{width:50px}@media (min-width: 768px){.about__toolstack-grid img{width:75px}}@media (min-width: 480px){.about__toolstack-grid{gap:60px 30px;grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.about__toolstack-grid{gap:60px 80px;grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.about__toolstack-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1280px){.about__toolstack-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1700px){.about__toolstack-grid{grid-template-columns:repeat(8,1fr)}}.projects{height:auto;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:0 70px 120px;width:100%;background:radial-gradient(circle,#363636,#000);box-shadow:0 12px 112px #000c;margin-top:220px}.projects__banner{margin-top:120px;color:var(--Light, #fff);display:flex;flex-direction:column;gap:20px;padding:0;margin-bottom:2rem}.projects__banner-text{font-size:28px;line-height:40px;font-weight:100;font-style:light}@media (min-width: 768px){.projects__banner-text{font-size:22px;line-height:55px}}.contact{width:100%;height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}@media (min-width: 768px){.contact{gap:30px}}.contact h1{text-transform:uppercase;font-weight:600;font-size:26px}.contact p{font-size:20px;line-height:36px;font-weight:100;padding:0 30px}@media (min-width: 768px){.contact p{line-height:30px;font-weight:200;text-align:center;font-size:38px}}.contact__social-nav{height:30px}.contact__social-nav .nav__social{justify-content:center}.contact__social-nav .nav__social-listItem:hover img{width:40px;filter:none;margin-top:-3px}.contact__social-nav .nav__social.isScrolled{display:none}
