*{margin:0;padding:0;font-family:Literata,serif;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{position:relative}:root{--small-font-size: 16px;--medium-font-size: 22px;--large-font-size: 34px}html[data-theme=light]{--main-bg-color: #ffffff;--secondary-bg-color: #e4e4e6;--main-button-bg-color: #E00000;--main-text-color: #000000;--secondary-text-color: #00000080;--selection-text-color: #E00000;--main-bg-box: rgba(0, 0, 0, .05);--main-border: 1px solid rgba(0, 0, 0, .15);--secondary-bg-box: rgba(0, 0, 0, .07);--secondary-border: 1px solid rgba(0, 0, 0, .2);--hover-bg-color: rgba(0, 0, 0, .15)}html[data-theme=dark]{--main-bg-color: #09090b;--secondary-bg-color: #18181a;--main-text-color: #ffffff;--main-button-bg-color: #E00000;--secondary-text-color: #ffffff80;--selection-text-color: #E00000;--main-bg-box: rgba(255, 255, 255, .05);--main-border: 1px solid rgba(255, 255, 255, .15);--secondary-bg-box: rgba(255, 255, 255, .07);--secondary-border: 1px solid rgba(255, 255, 255, .15);--hover-bg-color: rgba(255, 255, 255, .15)}#footer{background-color:var(--secondary-bg-color)}.footer-wrapper{padding:40px 20px;overflow-x:hidden}.footer-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto}.footer-copyright-text{margin:20px 0;text-align:center;font-size:var(--small-font-size);color:var(--main-text-color)}.footer-socials-list{display:flex;gap:20px;list-style:none}@media (max-width: 700px){.footer-content{flex-direction:column}}.compactSize{width:40px;height:40px;text-align:center;border-radius:10px}.compactSize a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:25px;text-decoration:none;color:var(--main-text-color)}@media (hover: hover) and (pointer: fine){.compactSize:hover{background-color:var(--main-bg-color);transition:background-color .2s ease}}.fullSize{background-color:var(--main-bg-box);border:var(--main-border);text-decoration:none;color:var(--main-text-color);border-radius:10px}#header{z-index:100;background-color:var(--main-bg-color);position:fixed;top:0;left:0;width:100%;box-shadow:0 1px 15px var(--main-shadow-color);color:var(--main-text-color);border-bottom:var(--main-border)}.header-wrapper{max-width:1400px;margin:auto;padding:0 20px;overflow:hidden}.header-content{display:flex;align-items:center;justify-content:space-between;min-height:70px}.nav-list{display:flex;list-style:none;gap:40px;font-size:var(--medium-font-size)}.nav-list svg{margin-right:5px}.nav-list li{cursor:pointer}.nav-list li:after{content:"";display:block;width:0;height:2px;border-radius:999px;background-color:var(--main-text-color);transition:width .5s ease}.nav-list a{display:flex;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:var(--main-text-color)}.header-buttons,.btns-container{display:flex;align-items:center;justify-content:center;gap:10px}.btn-menu,.btn-theme,.btn-lang{all:unset;cursor:pointer;display:flex;justify-content:center;align-items:center;height:40px;min-width:40px;border-radius:10px}@media (hover: hover) and (pointer: fine){.btn-menu:hover,.btn-theme:hover,.btn-lang:hover{background-color:var(--hover-bg-color);transition:background-color .2s ease}}.btn-lang,.btn-theme{background-color:var(--secondary-bg-color);border:var(--secondary-border);color:var(--main-background-icon-color)}.btn-theme{font-size:25px;border-radius:10px;overflow:hidden}.btn-menu{font-size:30px}.btn-lang .icon{width:25px;height:25px;border-radius:50%;overflow:hidden;object-fit:cover}.btn-theme .icon,.btn-menu .icon,.btn-lang .icon{display:flex;justify-content:center;align-items:center}@media (hover: hover) and (pointer: fine){.nav-list li:hover:after{width:100%}}@media (min-width: 576px){.btn-menu{display:none}}@media (max-width: 1000px){.header-content{flex-direction:column-reverse;align-items:center}.header-buttons{width:100%;justify-content:space-between;height:80px}.btn-menu{display:block}.nav-list{width:100%;display:grid;justify-content:center;gap:20px;margin-bottom:20px}}.info-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.info-section-title{padding:0 10px;font-size:var(--large-font-size);font-weight:700;color:var(--main-text-color)}.info-section-text{font-size:var(--medium-font-size);color:var(--secondary-text-color);width:80%}.info-section hr{border:1px solid var(--main-text-color);width:80%;margin:20px 0}@media (max-width: 576px){.info-section-text,.info-section hr{width:100%}}#about{background-color:var(--secondary-bg-color);scroll-margin-top:70px}.about-wrapper{padding:40px 20px;overflow-x:hidden}.about-content{display:flex;flex-direction:column;max-width:1400px;margin:auto}.about-info{display:flex;align-items:center;justify-content:space-between;gap:40px}.about-text{font-size:var(--medium-font-size);color:var(--main-text-color)}.about-photo{flex:0 0 auto;height:335px;width:335px;border-radius:10px;overflow:hidden;box-shadow:0 0 15px #00000040}.about-photo img{height:100%;width:100%;object-fit:cover;object-position:center}@media (max-width: 992px){.about-info{flex-direction:column-reverse;gap:20px}}#contact{background-color:var(--main-bg-color);scroll-margin-top:70px}.contact-wrapper{overflow-x:hidden;padding:40px 20px}.contact-content{display:flex;flex-direction:column;max-width:1400px;margin:auto}.contact-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.contact-list>*{max-width:50%;flex:1 1 calc(50% - 20px)}.contact-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px}.contact-details{display:flex;align-items:center;gap:15px}.contact-icon{background-color:var(--main-bg-color);border:var(--main-border);width:50px;height:50px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:999px;font-size:30px}.contact-details h3{font-size:var(--medium-font-size);font-weight:700}.contact-details p{font-size:var(--small-font-size);word-break:break-word}.contact-info{display:grid}@media (max-width: 910px){.contact-list>*{max-width:100%;flex:1 1 100%}}#home{background-color:var(--main-bg-color)}.home-wrapper{padding:100px 20px;overflow-x:hidden}.home-content{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;height:calc(100vh - 150px);margin:auto;max-width:1400px;gap:70px}.home-title{font-size:var(--large-font-size);font-weight:700;color:var(--main-text-color)}.home-subtitle{font-size:var(--medium-font-size);color:var(--main-text-color)}.btn-projects{all:unset;padding:15px 30px;background-color:var(--main-button-bg-color);color:#fff;font-size:var(--medium-font-size);border-radius:10px;cursor:pointer}.selection{color:var(--selection-text-color)}@media (min-width: 778px){.btn-contact-home{display:none}}@media (max-width: 576px){.home-buttons{flex-direction:column}}@media (max-height: 576px){.home-content{height:auto}}#projects{background-color:var(--secondary-bg-color);scroll-margin-top:70px}.projects-wrapper{padding:40px 20px;overflow:hidden}.projects-content{max-width:1400px;margin:auto}.projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1200px){.projects-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-list{grid-template-columns:repeat(1,1fr)}}.project-box{background-color:var(--secondary-bg-box);border:var(--secondary-border);display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-radius:10px;overflow:hidden}.project-info{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.project-info h3{font-size:var(--medium-font-size);color:var(--main-text-color)}.project-info p{font-size:var(--small-font-size);color:var(--main-text-color)}.project-info ul{display:flex;flex-wrap:wrap;align-items:center;list-style:none;gap:10px}.project-info ul li{padding:10px;border-radius:10px;background-color:var(--main-bg-box);border:var(--main-border);color:var(--main-text-color)}.project-image{height:250px;width:100%}.project-image img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:10px;border:var(--main-border)}.project-btns{display:flex;justify-content:center;align-items:center;gap:10px}.project-btns button,.project-btns a{all:unset;background-color:var(--main-bg-box);border:var(--main-border);display:flex;align-items:center;justify-content:center;border-radius:10px;width:40px;height:40px;color:var(--main-text-color);font-size:25px;cursor:pointer}@media (hover: hover) and (pointer: fine){.project-btns button:hover,.project-btns a:hover{background-color:var(--hover-bg-color);transition:background-color .2s ease}}.project-title{display:flex;align-items:start;justify-content:space-between;gap:10px}#skills{background-color:var(--main-bg-color);scroll-margin-top:70px}.skills-wrapper{padding:40px 20px;overflow-x:hidden}.skills-content{display:flex;flex-direction:column;max-width:1400px;margin:auto}.skills-list{display:flex;flex-direction:column;gap:40px}.skills-list h3{font-size:var(--medium-font-size);font-weight:700;color:var(--main-text-color);margin-bottom:10px}.skills-column ul{display:flex;flex-wrap:wrap;gap:20px;font-size:var(--medium-font-size);color:var(--main-text-color);list-style:none}.skills-column li{background-color:var(--main-bg-box);border:var(--main-border);padding:10px 20px;border-radius:10px}