@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.3;-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}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}#root{--text-color: #ddd;--background-color: #171717;color:var(--text-color);font-family:Montserrat;display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);--profile-height: 263px;--menu-height: 70px;--counter-height: 20px;--total-fixed: calc(var(--profile-height) + var(--menu-height) + var(--counter-height) + 160px);--vertical-space: calc((100vh - var(--total-fixed)) / 2)}main{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;gap:80px;min-height:100vh;width:100%}section{scroll-margin-top:100px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#171717}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid #171717}::-webkit-scrollbar-thumb:hover{background:#aaa}.footer{background-color:var(--background-color);width:100%;text-align:center;padding:15px;font-size:13px;margin-top:100px}.about{padding:40px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-color);line-height:1.8}.about-title{font-size:40px;font-weight:600;text-align:center}.about-header{max-width:620px;margin-bottom:10px;text-align:center}.about-header h2{margin-bottom:10px}.about-content{border-top:2px solid var(--text-color);padding-top:20px;max-width:770px}.about-content ul{margin:10px 0;padding:0 24px;display:flex;flex-direction:column;gap:10px}.about-content a{color:inherit}@media (max-width: 550px){.about{padding:0}.about-header,.about-content{margin:20px}}.resume{font-family:Montserrat;padding:40px 20px;max-width:1030px;display:flex;flex-direction:column;gap:30px;color:var(--text-color);background-color:var(--background-color);align-items:center}.resume-title{font-size:40px;font-weight:600;text-align:center}.resume-dl-btn{padding:20px 24px;border-radius:30px;border:none;cursor:pointer;color:var(--text-color);background-color:#000;font-weight:600;font-size:18px}.resume-dl-btn:hover{outline:2px solid var(--text-color)}.profile{display:flex;flex-direction:column;align-items:center;height:var(--profile-height);margin-top:var(--vertical-space)}.profile-img{margin-bottom:40px;border-radius:50%;border:2px solid white}.name{font-size:2.5rem;margin-bottom:10px}.menu{display:flex;align-items:center;gap:60px;background-color:#272727;padding:0 40px;border-radius:12px;font-size:14px;position:sticky;top:20px;height:var(--menu-height);z-index:1000}.menu-btn{border:1px solid rgba(0,0,0,0);padding:0;background-color:#0000;color:var(--text-color);font-weight:500;cursor:pointer;height:max-content}.menu-btn:hover{border-bottom:1px solid var(--text-color)}@media (max-width: 550px){.menu{height:max-content;width:100%;gap:0;border-radius:0;top:0;padding:15px 0;justify-content:space-evenly}.menu-btn{padding:0;width:max-content}}.counter{font-size:13px;text-align:center;height:var(--counter-height);margin-bottom:var(--vertical-space)}.project{padding:40px 0}.project-title{font-size:40px;font-weight:600;text-align:center;margin-bottom:50px}.project-container{display:grid;grid-template-columns:1fr 1fr;gap:50px 100px}@media (max-width: 800px){.project-container{display:flex;flex-direction:column}}.card{display:grid;grid-template-rows:250px 1fr;width:300px;gap:14px}.project-ss{width:100%;height:100%;object-fit:cover;filter:brightness(.7);cursor:pointer}.project-ss:hover{filter:brightness(1)}.img-container{border-radius:12px;overflow:hidden}.project-text{display:flex;flex-direction:column;gap:10px}.project-text-header{font-size:18px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--text-color);padding-bottom:10px}.project-links{display:flex;gap:14px}.project-description{line-height:1.5}.contact{border-radius:12px;margin:100px 10px 10px;display:flex;flex-direction:column;gap:20px}.contact-title{font-size:40px;font-weight:600;text-align:center;margin-bottom:20px}input[name=name],input[name=email],textarea{background-color:#272727;color:var(--text-color);border:none;border-radius:20px;padding:10px 15px;width:100%;resize:none}#contact-form{display:flex;flex-direction:column;gap:20px}button.send-btn{background-color:#272727;border:1px solid #272727;border-radius:20px;padding:15px;color:var(--text-color)}button.send-btn:hover{border:1px solid var(--text-color);cursor:pointer}@media (max-width: 550px){.contact{padding:20px}}.top-btn{position:fixed;bottom:-100px;right:50px;background-color:transparent;color:var(--text-color);border:none;padding:5px 10px;display:flex;flex-direction:column;gap:5px;align-items:center;cursor:pointer;filter:brightness(.7);transition:bottom .4s ease-in-out;font-size:14px}.top-btn.visible{bottom:10px}.top-btn:hover{filter:brightness(1)}@media (max-width: 1024px){.top-btn{right:0}}@media (max-width: 425px){.top-btn div{display:none}.top-btn.visible{bottom:24px}}