@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600&display=swap);.about__container{grid-gap:10%;display:grid;gap:10%;grid-template-columns:30% 60%}.about__content{max-width:530px}.about__content p{color:var(--color-light);margin:var(--vertical-gap) 0}.about__image{aspect-ratio:1/1;background:linear-gradient(45deg,#0000,var(--color-bg-variant),#0000);border-radius:2rem;display:grid;place-items:center;width:100%}.about__image img{border-radius:2rem;object-fit:contain;transform:rotate(10deg);transition:var(--transition-ease)}.about__image img:hover{transform:rotate(0)}.about__cards{display:flex;gap:1rem;justify-content:space-between}.about__card{align-items:center;aspect-ratio:1/1;background:var(--color-bg-variant);border:1px solid #0000;border-radius:1rem;color:var(--color-primary-variant);display:flex;flex-direction:column;height:8rem;justify-content:center;padding:1rem 1rem 0;text-align:center;transition:var(--transition-ease)}.about__card:hover{background:#0000;border-color:var(--color-bg-variant);cursor:default}.about__icon{font-size:1.9rem;margin-bottom:.5rem}.about__icon-grad{font-size:1.5rem}.about__card h5{font-size:.9rem}.about__card small{color:var(--color-light);font-size:.7rem}.about__bullet{font-size:.5rem}@media screen and (max-width:1024px){.about__container{gap:0;grid-template-columns:1fr}.about__cards{align-items:center;flex-direction:column;margin:0 auto}.about__card{width:35%}.about__image{margin:.5rem auto 3rem;width:35%}.about__content p{margin:1rem 0;text-align:justify}.about__content{margin:auto;text-align:center}}@media screen and (max-width:600px){.about__card{padding:.5rem;width:100%}.about__content p{text-align:center}}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:50%}.contact__options{display:flex;flex-direction:column;gap:var(--vertical-gap);width:100%}.contact__option{background:var(--color-bg-variant);border:1px solid #0000;border-radius:1.2rem;color:var(--color-primary-variant);padding:1.2rem;text-align:center;transition:var(--transition-ease)}.contact__option:hover{background:#0000;border-color:var(--color-bg-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}form{display:flex;flex-direction:column;gap:var(--vertical-gap)}input,textarea{background:#0000;border:2px solid var(--color-bg-variant);border-radius:.5rem;color:var(--color-primary);font-family:var(--main-font);padding:1.2rem;resize:none;text-align:center}input:hover,textarea:hover{border-color:var(--color-primary);color:var(--color-primary)}::placeholder{color:var(--color-bg-variant);font-size:large}:hover::placeholder{color:var(--color-primary)}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}form .btn{width:100%}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-small)}}.experience__jobs{display:flex;flex-direction:column;gap:var(--vertical-gap)}.experience__job{background-color:var(--color-bg-variant);border:1px solid #0000;border-radius:1.2rem;color:var(--color-primary-variant);display:flex;gap:1.2rem;justify-content:flex-start;padding:1rem;transition:var(--transition-ease)}.experience__logo{aspect-ratio:1/1;border:10px solid var(--color-primary-variant);border-radius:50%;height:8rem;margin:1rem 0}.experience__content{width:100%}.experience__title{color:var(--color-primary-variant)}.experience__subtitle{color:var(--color-bg);display:flex;flex-direction:column;justify-content:space-between}.experience__descriptions{align-items:flex-start;color:var(--color-light);display:flex;flex-direction:column;margin-top:.5rem}.experience__description{display:flex;gap:.5rem;justify-content:baseline}.experience__bullet{font-size:.7rem;margin-top:.21rem}@media screen and (max-width:1024px){.experience__subtitle{flex-direction:column;gap:0}.experience__container{display:flex;flex-direction:column}}@media screen and (max-width:600px){.experience__job{align-items:center;flex-direction:column}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:2rem 0 7rem;text-align:center}footer a{color:var(--color-bg);line-height:1.5rem}.permalinks{flex-wrap:wrap}.footer__socials,.permalinks{display:flex;gap:2rem;justify-content:center}.footer__socials{margin-top:.5rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1rem}}header{overflow:hidden;padding-top:7rem}.header__container{height:100%;position:relative;text-align:center}.header__content,.header__content.hide{transform:translateY(-100%)}.header__content.show{transform:translateY(0)}.call-to-action{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem}.call-to-action a{width:180px}.header__socials{align-items:center;bottom:1.5rem;display:flex;flex-direction:column;gap:.3rem;left:0;position:absolute}.header__socials:after{background:var(--color-primary);content:"";height:2rem;width:1px}.formal-portrait{--portrait-size:15rem;--portrait-border-size:0.5rem;margin-top:2rem}.formal-portrait img{border:var(--portrait-border-size) solid var(--color-primary-variant);border-radius:50%;display:inline-block;height:var(--portrait-size);width:var(--portrait-size)}@media screen and (max-width:1024px){.header{height:68vh}}@media screen and (max-width:600px){.header{height:100vh}.header__socials{display:none}.call-to-action{align-items:center;flex-direction:column}.call-to-action a{box-sizing:border-box;width:100%}}nav{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;border-radius:3rem;bottom:3rem;gap:1.2rem;left:50%;padding:.3rem 1.3rem;position:fixed;transform:translateX(-50%);z-index:2}nav,nav a{display:flex}nav a{align-items:center;background:#0000;border-radius:50%;color:var(--color-primary);font-size:1.1rem;padding:.5rem}nav a:hover{background:#00000080;color:var(--color-light)}nav a.active{background:var(--color-primary);color:var(--color-bg)}nav a:before{content:attr(data-hover);font-size:.8rem;padding-left:1rem;position:absolute;text-align:center;top:-1.1rem;transform:translateX(-50%);visibility:hidden;width:100%;z-index:2}nav a:hover:before{opacity:1;visibility:visible}.skills__container{grid-gap:5%;display:grid;gap:5%;grid-template-columns:35% 60%}.skills__container p{color:var(--color-light);margin:0 0 var(--vertical-gap)}.skills__cards{color:var(--color-light);gap:var(--vertical-gap);width:100%}.skills__card,.skills__cards{display:flex;flex-direction:column}.skills__card{background:var(--color-bg-variant);background:#0000;border:1px solid var(--color-bg-variant);border-radius:1rem;cursor:default;padding:1rem 1rem 2rem;text-align:center}.skills__title{padding:0 0 1rem}.skills__icons{display:flex;flex-direction:row;flex-wrap:wrap;gap:.8rem;justify-content:flex-start}.skills__icon{align-items:center;background:#fff9;border:1px solid #0000;border-radius:1rem;color:var(--color-bg);display:flex;flex-direction:column;font-size:small;height:5rem;justify-content:center;overflow:hidden;transition:var(--transition-ease);width:5rem}.skills__icon:hover{background:#0000;border-color:var(--color-bg-variant);color:var(--color-bg-variant);cursor:default}.skills__icon img{aspect-ratio:1/1;height:3rem;object-fit:contain;width:3rem}@media screen and (max-width:1024px){.skills__container{display:flex;flex-direction:column-reverse;gap:var(--vertical-gap);width:60%}.skills__cards{align-items:stretch;flex-direction:column;margin:auto;padding:0}.skills__content{text-align:center}.skills__content p{text-align:justify}}@media screen and (max-width:600px){.skills__card{padding:.5rem}.skills__content p{text-align:center}.skills__icons{justify-content:center}}*{border:0;box-sizing:0;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--main-font:"Raleway",sans-serif;--color-bg:#001233;--color-bg-variant:#5e60ce;--color-primary:#a1b4dc;--color-primary-variant:#c1d3fe;--color-light:#b0bbcc;--color-blue:#5390d9;--color-blue-clear:#5b6c9740;--transition-ease:all 400ms ease;--vertical-gap:1.2rem;--container-width-large:75%;--container-width-medium:86%;--container-width-small:90%}body,html{overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#001233;background:var(--color-bg);background-image:repeating-linear-gradient(-45deg,#5b6c9740,#0000 1px,#0000 6px);background-image:repeating-linear-gradient(-45deg,var(--color-blue-clear),#0000 1px,#0000 6px);background-size:4px 4px;color:#a1b4dc;color:var(--color-primary);font-family:Raleway,sans-serif;font-family:var(--main-font);line-height:1.5}.show{filter:blur(0);opacity:1;transform:translateX(0);transition:all .4s ease;transition:var(--transition-ease);transition-delay:.15s}.hide{filter:blur(1rem);opacity:0;transform:translateX(100%);transition:all .4s ease;transition:var(--transition-ease)}.container{margin:0 auto;width:75%;width:var(--container-width-large)}h2,h3,h4,h5{font-weight:500}h1{font-size:3rem;font-weight:100}section{height:100%;margin-top:8rem}section>h2,section>h5{color:#a1b4dc;color:var(--color-primary);text-align:center}section>h2{margin-bottom:3rem}.text-light{color:#b0bbcc;color:var(--color-light)}a{color:#5e60ce;color:var(--color-bg-variant);transition:all .4s ease;transition:var(--transition-ease)}a:hover{color:#5390d9;color:var(--color-blue)}.btn{border:1px solid #5e60ce;border:1px solid var(--color-bg-variant);border-radius:.4rem;color:#a1b4dc;color:var(--color-primary);cursor:pointer;display:inline-block;font-family:Raleway,sans-serif;font-family:var(--main-font);font-size:large;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition-ease);width:-webkit-max-content;width:max-content}.btn:hover{background:#5b6c9740;background:var(--color-blue-clear);border-color:#5e60ce;border-color:var(--color-bg-variant);color:#5390d9;color:var(--color-blue)}.btn-primary{background:#5e60ce;background:var(--color-bg-variant);color:#001233;color:var(--color-bg)}img{display:block;object-fit:cover;width:100%}@media (prefers-reduced--motion){.hide,.show{transition:none}}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-medium)}section{margin-top:6rem}.show{transition-delay:.2s}.hide{transform:translateX(0)}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-small)}section>h2{margin-top:2rem}}
/*# sourceMappingURL=main.439d2f48.css.map*/