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}body{margin:0;padding:0;transition:background-color .7s}.logo{display:flex;justify-content:center;margin-top:-80px}.logo img{height:auto;max-width:100%}.page-background{background:linear-gradient(#3b82f680,#60a5fa80,#bfdbfe80);min-height:100vh;transition:background-color .7s}.page-background.scrolled{background:linear-gradient(90deg,#3b82f680,#60a5fa80,#bfdbfe80)}.nav{background:#122ecdd9;box-shadow:0 2px 10px #00000080;height:65px;justify-content:center;left:0;position:fixed;top:0;transition:.7s;z-index:100}.nav,.nav ul{display:flex;width:100%}.nav ul{align-items:center;justify-content:space-around;list-style:none;padding:0}.nav ul li{margin:0 15px}.nav ul li a{color:#fff;font-size:18px;text-decoration:none;text-transform:uppercase}@media screen and (min-width:769px){.menu-toggle{display:none}.nav ul{display:flex}.logo.mobile{display:none}}@media screen and (max-width:768px){.nav ul{background-color:#122ecdd9;display:none;flex-direction:column;left:0;overflow:hidden;position:absolute;top:50px;transition:max-height .3s ease-in-out;width:100%}.nav ul.show{display:flex;max-height:500px}.nav ul.hide{max-height:0}.nav ul li{padding:10px 0;text-align:center}.menu-toggle{color:#fff;cursor:pointer;display:block;font-size:24px;left:20px;position:absolute;top:20px}.logo{justify-content:center;margin-left:0}}.text-container{align-items:center;display:flex;height:25vh;justify-content:center}.fading-text{color:#fff;font-family:Arial,sans-serif;font-size:50px;margin-top:950px}.fade{animation:fadeInOut 10s infinite;opacity:0}@keyframes fadeInOut{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:.9}}.about-me{box-sizing:border-box;font-family:Arial,sans-serif;margin:150px 0 0;padding:20px;width:100%}.about-me h1{font-size:2em;margin-bottom:10px}.about-me h2{font-size:1.5em;margin-top:20px}.about-me p{line-height:1.6}.download-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:16px;margin-top:20px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s}.download-button:hover{background-color:#0056b3}@media (max-width:768px){.about-me h1{font-size:1.8em;margin-top:150px}.about-me h2{font-size:1.3em}.about-me p{font-size:1em}.download-button{box-sizing:border-box;width:100%}}.skills{font-family:Arial,sans-serif;margin-top:80px;padding:20px}.skills h2{font-size:2em;margin-bottom:20px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.skill{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px}.skill h3{font-size:1.2em;margin:0}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:20px;margin:10px 0;overflow:hidden;position:relative;width:100%}.progress{background-color:#007bff;height:100%;transition:width .5s ease-in-out;width:0}.skill span{color:#555;font-size:.9em}.contact{font-family:Arial,sans-serif;margin-top:80px;padding:20px}.contact h2{font-size:2em;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:5px;padding:10px;width:99%}.form-group textarea{height:150px;resize:vertical}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#0056b3}.contact-buttons{margin-top:20px;text-align:right}.contact-button{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin:5px;padding:10px 20px;text-align:center;text-decoration:none}.contact-button:hover{background-color:#0056b3}.projects{font-family:Arial,sans-serif;margin-top:80px;padding:20px}.projects h2{font-size:2em;margin-bottom:20px}.projects-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}.project-card img{height:200px;object-fit:cover;width:100%}.project-card h3{font-size:1.5em;margin:10px}.project-card p{color:#555;font-size:1em;margin:0 10px 10px}.project-link{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin:10px;padding:10px 20px;text-align:center;text-decoration:none}.project-link:hover{background-color:#0056b3}
/*# sourceMappingURL=main.9fe119a6.css.map*/