:root{font-size:62.5%;--primary-color:#7b5fff;--w:#ffffff;--c1:#f7f7f7;--c2:#ededed;--c3:#dedede;--c4:#cccccc;--c5:#b2b2b2;--c6:#9c9c9c;--c7:#717171;--c8:#595959;--c9:#404040;--c10:#2e2e2e;--c11:#111111;--black:#000000}*,::after,::before{margin:0;padding:0;box-sizing:border-box;font:inherit}:focus{outline-color:var(--primary-color)}html{scroll-behavior:smooth}img,picture,svg,video{display:block;max-width:100%}body,button,input,textarea{font:400 1.6rem "Fira Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;color:var(--c11);background-color:var(--c1)}a{color:inherit;text-decoration:none}ul{list-style:none}p{line-height:1.5}.main-container{width:min(90vw,1200px);margin:0 auto}.padding-container{padding:12rem 0}@media (max-width:800px){:root{font-size:55%}}.close-btn{width:4rem;height:4rem;background-color:#c3b7ff;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:.5rem;box-shadow:0 8px 0 #907dee,0 8px 2px rgba(77,50,204,.1);transition:box-shadow .3s,transform .3s}.close-btn:focus,.close-btn:hover{transform:translateY(4px);box-shadow:0 0 0 #907dee,0 8px 2px rgba(77,50,204,.1)}.tech-item{color:var(--c9);font-size:1.2rem;letter-spacing:.3px;font-weight:500;text-transform:uppercase;border-radius:2rem;border:1px solid var(--c5);padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;gap:.5rem}main a{transition:filter .3s}.close-btn{position:fixed;top:1rem;right:5vw}.project-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin:4rem 0 6rem}.project-buttons a{color:var(--c1);text-transform:uppercase;letter-spacing:.48px;border-radius:5px;padding:.6rem 1.2rem;display:flex;justify-content:center;align-items:center;gap:1rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}main a:focus,main a:hover{filter:brightness(1.1)}.github-btn{background:linear-gradient(#7b5fff,#442cb3)}.online-btn{background:linear-gradient(#a5cc6f,#6d913b)}.contact-btn{color:var(--c1);background-color:var(--primary-color);font-weight:500;text-transform:uppercase;border-radius:1rem;padding:.8rem 1.6rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:block;margin:6rem auto 0;width:fit-content}@media (max-width:600px){.close-btn{transform:scale(.8);top:2rem;right:5vw}}body{display:flex;height:100vh;overflow:hidden}main{max-width:600px;height:100%;padding:4rem 4rem 6rem 4rem;overflow-y:auto}.text ul{line-height:2;padding-left:2rem}.text li+li{margin-top:1.5rem}.text li{position:relative}.text li::before{content:"";display:block;border-radius:20px;width:8px;height:8px;background:linear-gradient(#7b5fff,#442cb3);position:absolute;left:-20px;top:12px}h1{color:var(--primary-color);font-size:2.4rem;font-weight:700}h2{color:var(--c10);font-size:1.8rem;font-weight:600;margin:4rem 0 2rem}p{color:var(--c9)}.short-description{margin:2rem 0 3rem}.tech-list{display:flex;flex-wrap:wrap;gap:1rem}#gallery{background-color:var(--c10);flex:1}#gallery>div{height:100vh;overflow:auto}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:4rem;justify-items:center;padding:6rem 4rem}.gallery .img-wrapper{aspect-ratio:16/9;overflow:hidden;border-radius:1rem}.gallery figure{max-width:800px;width:100%;overflow:hidden}.gallery figure:has(.img-wrapper.mobile-screen){max-width:400px}.gallery img{box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;height:auto;object-fit:cover}.gallery .img-wrapper.mobile-screen{aspect-ratio:9/16}.gallery figcaption{color:var(--c1);margin-top:2rem;text-align:center}@media (max-width:450px){main{padding:2rem 2rem 4rem 2rem}}@media (max-width:980px){body{flex-direction:column;overflow:visible;height:100%}main{max-width:none;height:fit-content;overflow-y:initial}p{max-width:70ch}.gallery{display:flex;flex-direction:column;justify-content:center;align-items:center}#gallery>div{height:100%;overflow:visible}}