@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);*{list-style:none;margin:0;padding:0;text-decoration:none}body{background-color:#000;background-image:url(data:image/jpeg;base64,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);background-repeat:no-repeat;background-size:cover;color:#fff;font-family:ubuntu,sans-serif}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary-variant:rgba(77,181,255,.6);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--color-primary:#4db5ff;--transition:all 400ms ease}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}.container{margin:0 auto;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:8 rem}section>h2,section>h5{color:hsla(0,0%,100%,.6);color:var(--color-light);text-align:center}section>h2{color:#4db5ff;color:var(--color-primary)}.text-light{color:hsla(0,0%,100%,.6);color:var(--color-light)}a{color:#4db5ff;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.4rem;color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:transparent}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and(max-width:1024px){.container{width:var(--container-width-md)}section{margin-top:6 rem}.container{width:var(--container-width-sm)}section{margin-top:2 rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header__container{height:100%;position:relative;text-align:center}.ct,.cta{display:flex;gap:1.2rem;justify-content:center;margin-top:1rem}.header__socials{align-items:center;bottom:3rem;display:flex;flex-direction:column;font-size:xx-large;gap:1rem;left:1%;position:absolute}.header__socials:after{background:var(--color-primary);content:"";height:2rem;width:1px}#me{background:linear-gradient(var(--color-primary),transparent);border-radius:12rem 12rem 0 0;height:32rem;margin-top:4rem;padding:1.5rem,1.5rem,1.5rem,1.5rem;width:22rem}@media screen and (max-width:600px){.header__socials{align-items:center;bottom:4rem;display:flex;flex-direction:column;font-size:xx-large;gap:1rem;left:1%;position:absolute}header{height:80vh;overflow:hidden;padding-top:4rem}}nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(0,0,0,.3);border-radius:3rem;bottom:1rem;display:block;left:50%;overflow:visible;padding:.7rem 1.9rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-max-content;width:max-content}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.7rem;padding:.9rem}nav a:hover{background:rgba(0,0,0,.3)}nav a:active{background:var(--color-light);color:var(--color-white)}.about__container{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%;padding-top:2vh}.about__me{aspect-ratio:1/1;background:linear-gradient(45deg,transparent,var(--color-primary),transparent);display:grid;margin-left:4rem;place-items:center;width:100%}.about__me,.about__me-img #about__me-img{border-radius:2rem}.about__cards{display:flex;gap:1rem;padding:1rem}.about__card,.about__cards{font-family:Arial,Helvetica,sans-serif}.about__card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.5rem;padding:3rem;text-align:center;transition:var(--transition)}.about__content p{color:var(--color-light);display:block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:large;padding:1rem}.about__card:hover{background:transparent;border-color:var(--color-primary-variant)}.about__icon{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem}@media screen and (max-width:600px){.about__me{margin:0 auto 3rem;width:18rem;width:0}.about__container{display:block}.about__cards{display:grid;grid-template-columns:2}.about__card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.5rem;font-family:Arial,Helvetica,sans-serif;padding:2rem;transition:var(--transition)}.about__card,.about__content{text-align:center}.about__content p{color:var(--color-light);display:block;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:1rem;padding:1rem;text-align:start}}#projects{display:block;height:100%;padding:1rem;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects_element{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.prj1,.projects_element{font-family:Arial,Helvetica,sans-serif;padding:2rem}.prj1{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.5rem;text-align:left;transition:var(--transition)}.prj1:hover{background:transparent;border-color:var(--color-primary-variant)}#desc{color:var(--color-light);display:block;font-family:Arial,Helvetica,sans-serif;margin:1rem 0 1.6rem;padding-top:2vh;text-align:left}@media screen and (max-width:600px){#projects{display:block}.projects_element{gap:1rem;grid-template-columns:1fr;margin-top:10px;padding:0}.prj1{text-align:center}.about__content p{margin:1.5rem 0}}.skills_container{display:grid;grid-template-columns:50% 50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 20vh}.backend{margin-left:2rem}.backend,.frontend{gap:1rem;justify-content:center}.backend,.element,.frontend{font-family:Arial,Helvetica,sans-serif;text-align:center}.element{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.5rem;padding:2rem;transition:var(--transition)}.elements{grid-gap:1rem;display:grid;font-family:Arial,Helvetica,sans-serif;gap:1rem;grid-template-columns:repeat(2,1fr)}.element:hover{background:transparent;border-color:var(--color-primary-variant)}#h2,.h2{color:var(--color-primary);padding:1rem}@media screen and (max-width:600px){.backend{margin-left:0;margin-top:20px}.skills_container{display:block;padding:1rem}.element{gap:1rem;grid-template-columns:1fr 1fr}.about__content{text-align:center}.about__content p{margin:1.5rem 0}}.Contact{padding:4vh 1rem 1rem}.Contact_container{grid-gap:15%;align-items:center;display:grid;gap:15%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-bottom:5rem;padding-top:2vh}.contact__cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,3fr);width:100%}.contact__card,.contact__cards{font-family:Arial,Helvetica,sans-serif}.contact__card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.5rem;padding:2em;text-align:center;transition:var(--transition)}@media screen and (max-width:600px){.Contact_container{grid-gap:15%;align-items:center;display:grid;gap:15%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-top:2vh}.contact__cards{grid-gap:1rem;display:grid;font-family:Arial,Helvetica,sans-serif;gap:1rem;grid-template-columns:auto;width:100%}}
/*# sourceMappingURL=main.d21f6d94.css.map*/