@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif;scroll-behavior:smooth}header{position:fixed;top:0;left:0;width:100%;padding:20px 100px;display:flex;justify-content:flex-end;z-index:10000}header ul{display:flex;gap:40px}header ul li{list-style:none}header ul li a{text-decoration:none;color:#fff;font-weight:500}header ul li.active a,header ul li:hover a{color:#99c2ff}header.scrolled{background-color:#1f232e;box-shadow:0 5px 5px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}.no-scroll{overflow:hidden;height:100vh}#home{width:100%;min-height:100vh;background:#1f232e;gap:100px;display:flex;justify-content:space-around;align-items:center;padding:100px}#home .content{display:flex;flex-direction:column;gap:10px;max-width:740px;z-index:10}#home .video{width:100%;min-width:480px;max-width:800px}#home .content h2{font-size:5em;color:#99c2ff}#home .content p{font-size:1.2em;color:#fff;line-height:1.6em}#button{display:inline-block;font-size:1.25em;max-width:200px;background:#99c2ff;color:#1f232e;padding:18px 30px;font-weight:500;letter-spacing:.05em;margin-top:10px;text-decoration:none;border:none;text-align:center;border-radius:5px;box-shadow:0 2px 6px #0000001f;transition:transform .4s ease,background-color .4s ease}#button:hover{transform:scale(1.02)}#projects{background:#252a37;min-height:100vh;padding:100px;display:flex;flex-direction:column}#projects .text{width:100%;display:flex;align-items:center;flex-direction:column}#projects .text h2{font-size:3em;color:#fff}#projects .text p{max-width:700px;color:#fff;margin:20px 0;padding-bottom:20px}#projects .content{height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}#projects .content::-webkit-scrollbar{width:15px}#projects .content::-webkit-scrollbar-thumb{background:#99c2ff;border-radius:5px;transition:transform .4s ease,background-color .4s ease;cursor:pointer}#projects .content::-webkit-scrollbar-thumb:hover{transform:scale(1.02);background:#cce1ff}#projects .content .card img{max-width:100%}.project-card{display:flex;gap:1.5em;background:#1f232e;padding:30px;border-radius:5px;box-shadow:0 2px 6px #0000001f}.side-a{flex:0 0 450px;display:flex;flex-direction:column;justify-content:center}.project-image{width:100%;height:auto;display:block}.side-b{display:flex;flex-direction:column;gap:1em}.project-techStack{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:4px 8px;border-radius:5px;font-size:.8rem;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.tag-html{background-color:#2965f1}.tag-css{background-color:#f06529}.tag-javascript{background-color:#f0db4f}.tag-react{background-color:#61dafb}.tag-php{background-color:#777bb4}.tag-mysql{background-color:#4479a1}.tag-tailwindcss{background-color:#38b2ac}.tag-cpp{background-color:#00599c}.tag-openframeworks{background-color:#f26c4f}.tag-chartjs{background-color:#ff6384}.tag-java{background-color:#f89820}.tag-csharp{background-color:#68217a}.tag-linuxmint{background-color:#86be43}.tag-pi-hole{background-color:#f60d1a}.project-title h2{text-align:left;color:#fff;margin-top:0}.project-description p{text-align:left;color:#fff}.project-buttons{display:flex;justify-content:flex-start;gap:1em;margin-top:auto}.github-button,.demo-button{display:flex;align-items:center;padding:8px 22px;text-align:center;text-decoration:none;border-radius:5px;box-shadow:0 2px 6px #0000001f;transition:transform .4s ease,background-color .4s ease}.github-button{background-color:#2d3343;color:#fff}.demo-button{background-color:#99c2ff;color:#1f232e}.github-button:hover,.demo-button:hover{transform:scale(1.02)}#contact{background:#1f232e;padding:100px;display:flex;flex-direction:column}#contact .text{width:100%;display:flex;align-items:center;flex-direction:column}#contact .text h2{font-size:3em;color:#fff}#contact .text p{max-width:700px;color:#fff;margin-top:10px}#contact .content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;margin:40px 0}#contact .content a{background:#2d3343;height:120px;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1.2em;color:#fff;transition:.2s;border-radius:5px;box-shadow:0 2px 6px #0000001f;transition:transform .2s ease,background-color .2s ease}#contact .content a:hover{background:#99c2ff;transform:scale(1.02)}#contact .content a ion-icon{color:#99c2ff;font-size:1.5em;margin-right:10px}#contact .content a:hover,#contact .content a:hover ion-icon{color:#1f232e}.center{display:flex;place-content:center;color:#fff;font-size:1em}.videoWrapper{aspect-ratio:16 / 9;border-radius:5px;box-shadow:0 10px 30px #0003;border:none}@media (max-width: 1000px){header{padding:30px}#home{padding:140px 30px 30px;flex-direction:column;gap:0px}#home .content h2{font-size:3.5em;color:#99c2ff}#home .video{max-width:700px}#button{max-width:160px;padding:10px 20px}#projects,#contact{padding:30px}header ul{display:none}.hamburgerToggle{position:relative;width:30px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.hamburgerToggle:before{content:"";position:absolute;width:100%;height:2px;background:#fff;transform:translateY(-10px);transition:.5s;box-shadow:0 10px #fff}.hamburgerToggle:after{content:"";position:absolute;width:100%;height:2px;background:#fff;transform:translateY(10px);transition:.5s}header.active .hamburgerToggle:before{transform:translateY(0) rotate(45deg);box-shadow:0 0 #fff}header.active .hamburgerToggle:after{transform:translateY(0) rotate(315deg);box-shadow:0 0 #fff}header.active ul{position:fixed;left:0;top:80px;width:100%;height:calc(100vh - 80px);background:#252a37;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10000}header.active ul li a{font-size:2em}#contact .content{grid-template-columns:repeat(1,1fr)}.project-card{padding:20px}#contact .content a{height:80px;font-size:1.2em}}@media (max-width: 1100px){.project-card{flex-direction:column}.side-a{flex:0 0 0px}}