body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes gradientWave{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body{animation:gradientWave 10s ease infinite;background:linear-gradient(90deg,#cec8b0,#adbfb3);background-size:300% 300%;color:#000;margin:0;min-height:100vh}li:first-child .text{background-color:#f8d992;z-index:12}li:nth-child(2) .text{background-color:#f6b092;z-index:11}li:nth-child(3) .text{background-color:#eae3ce;z-index:10}li:nth-child(4) .text{background-color:#adbfb3;z-index:9}li:nth-child(5) .text{background-color:#f6d992;z-index:8}li:nth-child(6) .text{background-color:#f6b092;z-index:7}li:nth-child(7) .text{background-color:#eae3ce;z-index:6}li:nth-child(8) .text{background-color:#adbfb3;z-index:5}li:nth-child(9) .text{background-color:#f6d992;z-index:4}li:nth-child(10) .text{background-color:#f6b092;z-index:3}li:nth-child(11) .text{background-color:#eae3ce;z-index:2}li:nth-child(12) .text{background-color:#adbfb3;z-index:1}li:first-child{transform:rotate(0deg) skewY(-60deg)}li:nth-child(2){transform:rotate(30deg) skewY(-60deg)}li:nth-child(3){transform:rotate(60deg) skewY(-60deg)}li:nth-child(4){transform:rotate(90deg) skewY(-60deg)}li:nth-child(5){transform:rotate(120deg) skewY(-60deg)}li:nth-child(6){transform:rotate(150deg) skewY(-60deg)}li:nth-child(7){transform:rotate(180deg) skewY(-60deg)}li:nth-child(8){transform:rotate(210deg) skewY(-60deg)}li:nth-child(9){transform:rotate(240deg) skewY(-60deg)}li:nth-child(10){transform:rotate(270deg) skewY(-60deg)}li:nth-child(11){transform:rotate(300deg) skewY(-60deg)}li:nth-child(12){transform:rotate(330deg) skewY(-60deg)}.circle{border:5px solid #000;border-radius:50%;height:25em;list-style:none;margin:1em auto;overflow:hidden;padding:0;position:relative;width:25em}.circle li{height:50%;overflow:hidden;right:0;top:0;transform-origin:0 100%;width:50%}.circle li,.text{position:absolute}.text{color:#000;cursor:pointer;display:block;font-family:Cinzel,serif;font-size:18px;font-weight:700;height:200%;left:-100%;padding-top:20px;text-align:center;transform:skewY(60deg) rotate(15deg);width:200%}.arrow{border-left:30px solid #0000;border-right:30px solid #0000;border-top:60px solid #000;height:0;top:-20px;width:0;z-index:1}.arrow,.spin-button{left:50%;position:absolute}.spin-button{background-color:#000;border:1px solid #000;border-radius:40px;color:#000;cursor:pointer;font-size:18px;height:40px;outline:none;top:50%;transform:translate(-50%,-50%);width:40px;z-index:20}.start-rotate{animation:spin-to-first 2.5s cubic-bezier(.22,1,.36,1) forwards}@keyframes spin-to-first{0%{transform:rotate(0deg)}to{transform:rotate(10turn)}}.stop-rotate{animation-play-state:paused}.separator{background:beige;height:100%;left:0;position:absolute;top:0;width:5px;z-index:13}.fade-message{align-content:center;background:#0000;color:#000;font-family:Cinzel,serif;font-size:2rem;font-weight:italic;left:50%;letter-spacing:.5px;opacity:1;padding:50px;position:fixed;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spinner-wrapper{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}canvas{pointer-events:none;width:100vw}.page-reveal,canvas{height:100vh;left:0;position:fixed;top:0;z-index:9999}.page-reveal{animation:pageRevealAnim 1s ease-in-out forwards;transform:scale(1)}.page-reveal,.reveal-page{background-color:#000;width:100%}.reveal-page{animation:revealAnim 2s ease-in-out forwards;min-height:100vh;position:relative;z-index:10000}@keyframes revealAnim{0%{transform:scaleY(.005)}50%{transform:scaleY(.005)}to{transform:scale(1)}}.reveal-page .content{text-align:center}.logo-container,.spinner-logo{bottom:10px;height:8%;left:25px;object-fit:contain;opacity:.5;position:fixed;width:8%}.overlay{background-color:initial;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:.5s ease;width:100%}.logo-container:hover .overlay{opacity:1}.image-text{color:#000;font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;overflow-x:hidden}.portfolio{width:100%}.section{min-height:100vh;padding:100px 12%}.section h1{font-size:56px;margin-bottom:30px}.section h2{font-size:40px;margin-bottom:30px}.section h3{font-size:24px;margin-bottom:10px}.section p{font-size:18px;line-height:1.7;margin-bottom:16px;max-width:800px}.hero{align-items:center;background:#000;display:flex;justify-content:center;padding-top:100px}.hero-wrapper{max-width:1400px;width:90%}.hero-image{align-items:center;background-image:url(/static/media/bgpicforwebsite.45ad600ecabaf7123ebb.jpeg);background-position:50%;background-size:cover;color:#fff;display:flex;height:80vh;justify-content:center}.intro{color:#000!important;font-size:22px;font-style:normal;margin-bottom:20px;text-align:center!important}.hero-content{margin:0 auto;max-width:750px}.projects{animation:gradientWave 10s ease infinite;background:linear-gradient(90deg,#e3ffe7,#9cac54);color:#000}.project{margin-bottom:25px}.hobbies{color:#222}.contact,.hobbies{animation:gradientWave 10s ease infinite;background:linear-gradient(90deg,#e3ffe7,#9cac54)}.contact{color:#fff}.tech{margin:20px 0}.links{margin-top:25px}.link{align-items:center;display:flex;margin-bottom:12px}.link img{margin-right:10px;width:26px}.link a{color:#fff;font-size:17px;text-decoration:none}.link a:hover{text-decoration:underline}.btn{background:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:16px;margin-top:25px;padding:12px 24px;width:-webkit-fit-content;width:fit-content}.btn:hover{background:#ddd}html{scroll-behavior:smooth}.type-me{display:inline-block;overflow:hidden;white-space:nowrap;width:0}.portfolio-hero{align-items:center;animation:gradientWave 10s ease infinite;background:linear-gradient(90deg,#cec8b0,#adbfb3);background-size:300% 300%;display:flex;justify-content:center;min-height:100vh}.portfolio-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff0d;border:7px solid #fff;border-radius:10px;box-shadow:0 25px 60px #00000080;height:65vmin;overflow:hidden;position:relative;width:85vmin}.portfolio-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6b09299;display:flex;height:100%;padding:1rem .75rem;position:relative;transition:.4s ease-in-out;width:100%;z-index:2}.portfolio-overlay-content{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;width:20%;z-index:10}.portfolio-overlay-content h1{color:#f8edeb;font-family:Courier,serif;font-size:2rem;font-style:bold}.portfolio-subtext{color:#f6d992}.portfolio-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;right:0;top:0;transition:.3s ease-in-out;width:60vmin;z-index:1}.portfolio-dots{bottom:20px;display:flex;gap:10px;position:absolute;right:20px;z-index:10}.portfolio-dots div{background:#f6d992;border-radius:50%;height:10px;width:10px}.portfolio-text{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#6e90b5;height:100%;overflow-y:auto;padding:3rem;position:absolute;right:0;top:0;width:60vmin;z-index:0}.portfolio-text p{color:#f8edeb;font-family:Courier,serif;font-size:1rem;font-style:bold;margin-bottom:1.2rem}.portfolio-card:hover .portfolio-overlay{transform:translateX(-60vmin)}.portfolio-card:hover .portfolio-image{width:30vmin}@media (max-width:768px){.portfolio-card{height:auto;width:90%}.portfolio-image,.portfolio-text{position:relative;width:100%}.portfolio-card:hover .portfolio-overlay{transform:none}}.navbar{align-items:center;background:#000;color:#fff;display:flex;justify-content:space-between;left:0;padding:20px 80px;position:fixed;top:0;transform:none!important;width:100%;z-index:20000}.navbar-logo{color:#fff;font-size:14px;letter-spacing:2px}.nav-links{align-items:center;display:flex;flex-direction:row;gap:40px;list-style:none;margin:0;padding:0;transform:none!important}.nav-links li{color:#fff;cursor:pointer;display:inline-block;font-size:14px;letter-spacing:2px;transform:none!important}.nav-links li:hover{color:#acc8e5}
/*# sourceMappingURL=main.97bd2c41.css.map*/