@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Pacifico&display=swap);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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#090909;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){header{padding:10px}header,nav ul{flex-direction:column}nav ul{gap:10px}nav ul li a{font-size:16px}}header{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;margin:0 auto;padding:10px 20px}header h1{color:#fff;font-family:Pacifico,cursive;font-size:42px;margin:0}nav ul{display:flex;gap:20px;list-style-type:none;padding:0}nav ul li a{color:#fff;font-family:Montserrat,sans-serif;font-size:20px;font-weight:500;text-decoration:none;transition:transform .3s ease-in-out}nav ul li a:hover{color:#e0e0e0;transform:translateY(-5px)}.social-links a{margin-right:15px;text-decoration:none}.social-links a:last-child{margin-right:0}@media (max-width:768px){.projects-container{grid-template-columns:1fr}.project-card{padding:15px}.project-card p{font-size:.9em}}.projects-container{grid-gap:20px;align-items:start;background-color:#333;background-image:linear-gradient(145deg,#4b4b4b 10%,#1a1a1a);display:grid;font-family:Montserrat,sans-serif;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center;padding:40px}.project-card{background-color:#414649;border-radius:20px;box-shadow:0 4px 8px #00000080;padding:20px;transition:background-color .3s ease,transform .3s ease}.project-card:hover{background-color:#626262;transform:scale(1.08);z-index:10}.project-card a,.project-card h3,.project-card p{color:#ddd}.project-card h3{margin:0 0 10px}.project-card p{font-size:1em;margin-bottom:20px}.project-card a{color:#f58a26;font-weight:700;text-decoration:underline;transition:color .3s ease,border-bottom .3s ease}.project-card a:hover{color:#23d5ab}@media (max-width:768px){footer p{font-size:14px}.social-links{gap:10px}}footer{background-color:#000;color:#fff;font-family:Montserrat,sans-serif;padding:10px 20px;text-align:center}footer p{margin:10px 0}.social-links{display:flex;gap:20px;justify-content:center}.social-links a{color:#fff;transition:transform .3s ease-in-out}.social-links a:hover{transform:translateY(-5px)}@media (max-width:768px){.welcome-section{flex-direction:column;gap:20px}.welcome-section h2{font-size:4em}.introduction p{font-size:1em;padding:8px}}.home-main{align-items:center;background-color:#333;background-image:linear-gradient(145deg,#4b4b4b 10%,#1a1a1a);color:#333;display:flex;flex-direction:column;height:calc(100vh - 120px);justify-content:center;padding:10px 20px;position:relative}.home-main:after,.home-main:before{background:linear-gradient(90deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);content:"";height:35px;position:absolute;width:500px}.home-main:before{left:20px;top:10px}.home-main:after{bottom:10px;right:20px}.welcome-section{align-items:center;display:flex;gap:40px;justify-content:center}.welcome-section h2{-webkit-text-fill-color:#0000;animation:rainbow-animation 10s ease infinite;background:linear-gradient(45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);-webkit-background-clip:text;background-size:400% 400%;font-size:8em;margin:0}.introduction p{background-color:#00000080;border-radius:10px;color:#f8f5f5;font-family:Montserrat,sans-serif;font-size:1.2em;line-height:1.8;margin-bottom:20px;padding:10px;transition:transform .3s ease}.introduction p:hover{transform:translateY(-10px)}@keyframes rainbow-animation{0%,to{background-position:0 0}50%{background-position:100% 0}}
/*# sourceMappingURL=main.a32a8434.css.map*/