@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Source+Code+Pro:wght@400;600&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@tailwind base;@tailwind components;@tailwind utilities;.navbar{align-items:center;background-color:initial;display:flex;flex-direction:column;left:0;padding:20px;position:fixed;top:50%;transform:translateY(-50%);z-index:10}.navbar a{font-size:2rem;margin:10px 0;text-decoration:none;transition:color .3s ease}.navbar a.active{color:#db3a34}#home{overflow:hidden;position:relative}.image-container{margin-bottom:5rem}.portfolio-img{border-radius:150px;height:400px;margin-top:0;object-fit:cover;position:relative;width:312px}.social-icons{display:flex;flex-direction:column;gap:1rem;position:absolute;right:-100px;top:50%;transform:translateY(-50%)}.social-icon{cursor:pointer;height:50px;transition:transform .3s ease;width:50px}.social-icon:hover{transform:scale(1.2)}.h2-text{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;margin-top:-20px}.h3-text{color:#fff;font-family:Courier New,Courier,monospace;font-size:16px;margin-bottom:5rem;margin-top:-15%}.firefly{border-radius:50%;box-shadow:0 0 8px 4px currentColor;height:8px;position:absolute;width:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.h1-text{margin-top:0}.projects-section{background-color:#192c2c;color:#fff;display:flex;min-height:100vh;opacity:0;padding:50px;position:relative;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease,visibility 1s;visibility:hidden}.projects-section.visible{opacity:1;transform:translateY(0);visibility:visible}.timeline{position:relative;width:200px}.timeline-line{background-color:#084c61;height:100%;left:150px;position:absolute;top:0;transition:height 1s ease;width:3px}.timeline-entry{align-items:center;display:flex;left:0;position:absolute;transition:top 1s ease;width:100%}.timeline-marker{background-color:#177e89;border-radius:50%;height:24px;left:140px;width:24px}.timeline-label,.timeline-marker{position:absolute;transform:translateY(-50%)}.timeline-label{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-weight:700;left:80px}.projects-content{display:flex;flex:1 1;flex-direction:column;padding-left:40px;perspective:1000px}.project-card{background-color:#ffffff1a;border-radius:8px;cursor:pointer;margin-bottom:120px;padding:60px;position:relative;transition:all 2s ease;will-change:height,transform,margin-top}.flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform 3s ease;width:100%}.flip-inner.flipped{transform:rotateX(180deg)}.flip-back,.flip-front{align-items:center;backface-visibility:hidden;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.flip-front{z-index:2}.flip-back{background-color:#ffffff26;transform:rotateX(180deg);z-index:1}.flip-back img{display:block;height:auto;width:100%}.flip-front h3{font-size:24px;margin-bottom:10px}.flip-front p{font-size:16px;line-height:1.4}.project-card:after{border-radius:4px;color:#fff;content:"Flip for more";font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;left:90%;opacity:0;padding:10px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .8s ease}.project-card:hover:after{opacity:1}.h1-text{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:50px;margin-bottom:40px}.project-card h3,.project-card p{transition:filter 1s ease}.project-card:hover h3,.project-card:hover p{filter:blur(4px)}@font-face{font-family:notes;font-style:normal;font-weight:400;src:url(/static/media/notes.da91a9e8ac2bc9dbaf08.ttf) format("truetype")}@font-face{font-family:header;font-style:normal;font-weight:400;src:url(/static/media/header.bc9db3903019ef13a140.ttf) format("truetype")}body{background:linear-gradient(90deg,#000,red);color:#fff;font-family:Roboto,sans-serif;min-height:100vh;scroll-behavior:smooth;transition:background .5s ease}.navbar a{color:#fff;font-size:20px;margin-left:20px;transition:color .3s}.navbar a:hover{color:#db3a34}.section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;opacity:0;padding:80px 20px;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease,visibility 1s;visibility:hidden}.section.visible{opacity:1;transform:translateY(0);visibility:visible}.image-container{align-items:center;display:inline-flex;position:relative}.portfolio-img{transition:transform .4s ease,box-shadow .4s ease;z-index:1}.github-img,.linkedin-img{border-radius:10px;box-shadow:0 10px 20px #0000004d;height:auto;left:110%;opacity:0;position:absolute;top:40%;transform:translateY(-50%) scale(0);transition:transform .5s ease,opacity .5s ease;width:50px}.image-container:hover .github-img,.image-container:hover .linkedin-img{opacity:1;transform:translateY(-50%) scale(1)}.carousel-container{aspect-ratio:16/9;height:auto;max-width:1200px;overflow:hidden;position:relative;width:100%}.carousel-container img{height:100%;max-height:110%;object-fit:contain;transition:opacity .5s ease,transform .5s ease;width:auto}.carousel-container img.hidden{opacity:0;transform:scale(.95)}
/*# sourceMappingURL=main.7429261c.css.map*/