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}.App{transition:background-color .3s ease,color .3s ease}.dark-mode .App{background-color:#222;color:#fff}body{background-color:#f8f9fa;color:#333;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0}.container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.container{padding:10px}}@media (max-width:480px){.container{padding:5px}}header{border-radius:7px;box-shadow:0 4px 8px #0000001a;overflow:auto;padding:20px}header,header h1{-webkit-user-select:none;user-select:none}header h1{font-size:24px;margin-bottom:10px}section{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px;padding:20px}ul{list-style:none;padding:0}p{line-height:1.5;margin-bottom:20px;-webkit-user-select:none;user-select:none}button{background-color:#333;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#555}a{text-decoration:none;transition:color .3s ease}a:hover{color:#0056b3}.App.dark-mode a{color:#fdfdff;text-decoration:none;transition:color .3s ease}.App.dark-mode a:hover{color:#0056b3}.App.dark-mode{background-color:#333;color:#fff}.App.dark-mode section{background-color:#444;color:#fff}.theme-toggle{align-items:center;background-color:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;outline:none;padding:10px;position:fixed;right:2px;top:2px;transition:background-color .3s ease,transform .3s ease;z-index:1}.theme-toggle:hover{background-color:#555}.dark-mode .theme-toggle{transform:rotate(180deg)}.profile-image{margin:20px 0;text-align:center}.profile-image img{animation:shake1 5s infinite;border-radius:50%;box-shadow:0 0 10px #0000001a;width:150px}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(5px)}}@keyframes shake1{0%{transform:translateX(0)}25%{transform:translateX(5px)}50%{transform:translateX(-5px)}}.about{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:auto;padding:20px}.about h2{font-size:24px;margin-bottom:10px;text-align:center;-webkit-user-select:none;user-select:none}.about ul{list-style:none;padding:0}.about li{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.about li p{margin:0}.about li:hover{background-color:#f2f2f264}.about a{margin-bottom:15px}.seo{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;-webkit-user-select:none;user-select:none}.seo h2{font-size:24px}.seo h2,.seo h3{margin-bottom:10px}.seo h3{font-size:18px}.seo ul{list-style:none;padding:0}.seo li{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.seo li:hover{background-color:#f2f2f264;transform:scale(1.01)}.skills{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;-webkit-user-select:none;user-select:none}.skills h2{font-size:24px;margin-bottom:10px}.skills h3{font-size:18px;margin-bottom:10px}.skills ul{list-style:none;padding:0}.skills li{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.skills li:hover{background-color:#f2f2f264;transform:scale(1.01)}.subskills{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;-webkit-user-select:none;user-select:none}.subskills h2{font-size:24px;margin-bottom:10px}.subskills h3{font-size:18px;margin-bottom:10px}.subskills ul{list-style:none;padding:0}.subskills li{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.subskills li:hover{background-color:#f2f2f264;transform:scale(1.01)}.projects{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;-webkit-user-select:none;user-select:none}.projects h2{font-size:24px;margin-bottom:10px}.projects ul{list-style:none;padding:0}.projects li{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.projects li:hover{background-color:#f2f2f264}.tools{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;-webkit-user-select:none;user-select:none}.tools h2{font-size:24px;margin-bottom:10px}.tools ul{list-style:none;padding:0}.tools li{align-items:center;box-shadow:0 2px 5px #0000001a;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;padding:15px;transition:transform .3s ease}.tools li:hover{background-color:#f2f2f264;transform:scale(1.01)}.contact-container{background-color:#f9f9f9;padding:40px;text-align:center}.contact h2,.contact-container{-webkit-user-select:none;user-select:none}.contact h2{animation:shake 3s infinite;font-size:24px;margin-bottom:10px}.contact-heading{color:#333;font-size:24px;margin-bottom:20px}.contact-info{color:#555;font-size:18px;margin-bottom:10px}.contact-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.contact-button:hover{background-color:#0056b3}.contact li{display:none}.contact:hover li{display:block}.contact p{display:none}.contact:hover p{display:block}.contact li:hover{background-color:#f2f2f264}nav{background-color:#000;color:#fff;cursor:pointer;padding:10px 20px;-webkit-user-select:none;user-select:none}nav ul{display:flex;justify-content:space-around;list-style:none;padding:0}nav ul,nav ul li{margin:0}nav ul li a{color:#fff;font-weight:700;padding:10px 15px;text-decoration:none;transition:.3s ease}.navbar.mobile{left:0;position:fixed;top:0;width:100%;z-index:1000}nav ul li a.active,nav ul li a:hover{background-color:#2980b9;border-radius:5px}.scroll-to-top-button{background-color:#3498db;border-radius:5px;bottom:20px;color:#fff;cursor:pointer;display:none;padding:10px 20px;position:fixed;right:20px;transition:opacity .3s ease;-webkit-user-select:none;user-select:none}.scroll-to-top-button.visible{display:block}img{height:auto;margin-top:20px;max-width:100%}.carousel-item{align-items:center;display:flex;transition:transform .5s ease}.carousel-item svg{margin:0 auto}.loading-screen{align-items:center;background:#fffc;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:9999}.loading-screen .carousel-container{height:200px;width:200px}.loading-screen.content-loaded{opacity:0;pointer-events:none}.content{opacity:0;transition:opacity 1s ease-in-out}.loading-screen.content-loaded .content{opacity:1}.navbar{box-shadow:0 0 10px #0000001a;font-size:20px;font-weight:700;padding:10px 20px}.menu{align-items:center;display:flex;justify-content:space-around;-webkit-user-select:none;user-select:none}.menu-toggle{cursor:pointer;display:none;flex-direction:column;padding:10px}.bar{background-color:#333;height:3px;margin:3px 0;width:25px}@media (max-width:500px){.menu,.navbar-desktop{display:none}.menu,.menu.active{background-color:#030303}.menu.active{box-shadow:0 2px 5px #fcfcfc;display:flex;flex-direction:column;position:absolute;right:20;top:60px;width:80%}.menu.active button{margin:10px 20px}.menu-toggle{align-items:left;display:flex}.menu-toggle,.navbar.mobile{justify-content:space-between}.navbar.mobile{align-items:center;padding:10px 20px}}.dark-mode .menu button{background-color:initial;color:#f9f9f9}.dark-mode .bar{background-color:#f1efef}
/*# sourceMappingURL=main.995f122c.css.map*/