.app{position:relative}.container{-ms-overflow-style:none;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.container::-webkit-scrollbar{display:none}.section{align-items:center;color:#fff;display:flex;font-size:2rem;height:100vh;justify-content:center;scroll-snap-align:start;width:100vw}.section1{background-color:#3498db}.section2{background-color:#e74c3c}.section3{background-color:#2ecc71}.custom-scrollbar{height:100%;position:fixed;right:0;top:0;width:8px}.scroll-thumb{background:#000;border-radius:4px;position:absolute;transition:top .3s ease;width:8px}.indicator{display:flex;flex-direction:column;gap:10px;position:fixed;right:40px;top:50%;transform:translateY(-50%)}.dot{background:#ccc;border-radius:50%;height:12px;transition:background .3s ease;width:12px}.dot.active{background:#000}body{background-color:#fff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;overflow:hidden;padding:0}.logo{height:70px}.main-nav{align-items:center;background-color:#111;display:flex;justify-content:space-between;padding:1rem 3rem;position:relative;@media only screen and (max-width:704px){flex-direction:column;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem}}.nav-links{@media only screen and (max-width:704px){padding-bottom:2rem;padding-left:0;padding-right:0;padding-top:2rem;text-align:center}a{color:#fff;margin-left:2rem;text-decoration:none;transition:.2s;@media only screen and(max-width:704px){display:block;margin-bottom:2px;margin-left:auto;margin-right:auto;margin-top:2px}&:hover{color:#3fc1c9}}}.hamburger-react{display:none;@media only screen and (max-width:704px){display:block}}.project-preview{width:50vw}.home{color:#fff;a{color:#3fc1c9;text-decoration:none;&:hover{text-decoration:underline}}}.parent-main{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr;h2{grid-area:1/1/2/3}}.parent-sides{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;margin-top:-5%;width:90%;.Left{grid-area:1/1/2/3}.Right{grid-area:1/3/2/4}}.parent-center{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);margin-top:-5%;width:90%;.Center{grid-area:1/2/5/5;text-align:center}}.text-black{color:#000}
/*# sourceMappingURL=main.0ec101d6.css.map*/