@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,500;0,700;0,900;1,900&display=block);*{-ms-overflow-style:none;font-family:Montserrat,sans-serif}body{margin:0}.home{display:grid;grid-template-areas:"intro-title" "title" "buttons" "titles";grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr 1fr}.home,.socials{align-items:center;justify-content:center}.socials{display:flex;flex-direction:column;gap:.8rem;height:100%;left:0;position:fixed;top:0;transition:-webkit-transform .3s cubic-bezier(.04,.71,.62,1.35);transition:transform .3s cubic-bezier(.04,.71,.62,1.35);transition:transform .3s cubic-bezier(.04,.71,.62,1.35),-webkit-transform .3s cubic-bezier(.04,.71,.62,1.35);width:10%}.line{height:100%}.line,.separator{background:rgba(0,55,83,.5);width:1px}.separator{height:.5em;margin-bottom:.8rem;margin-top:.8rem}.line.after,.line.before{height:100%}.socials .buttons{align-items:center;display:flex;flex-direction:column;font-size:1.5em}.socials .buttons a{text-decoration:none;transition:-webkit-transform .3s cubic-bezier(.04,.71,.62,1.35);transition:transform .3s cubic-bezier(.04,.71,.62,1.35);transition:transform .3s cubic-bezier(.04,.71,.62,1.35),-webkit-transform .3s cubic-bezier(.04,.71,.62,1.35)}.socials .buttons a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.svg-inline--fa path{fill:var(--color-primary)!important}@media (max-width:599px){.socials{flex-direction:row;grid-column:1;grid-row:1;height:3vh;padding-top:2vh;position:relative;width:100%}.socials .buttons{align-items:center;display:flex;flex-direction:row;font-size:1.5em;margin-inline:.5rem}.svg-inline--fa path{fill:var(--color-black)!important}.separator{margin-left:1rem;margin-right:1rem;width:1rem}.line.after,.line.before,.separator{background:var(--color-black);height:1px}.line.after,.line.before{width:100%}.socials .buttons a{-webkit-transform:scale(1.25);transform:scale(1.25)}.socials .buttons a:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}}.home h1{font-size:5em;font-weight:900;letter-spacing:-10px;line-height:.8em;margin:0;text-transform:uppercase}@media screen and (min-width:0px){.home h1{font-size:3rem;letter-spacing:-5px}}@media screen and (min-width:320px){.home h1{font-size:3rem;letter-spacing:-3px}.social,.spacer{width:0}}@media (min-width:500px){.home h1{font-size:4rem;letter-spacing:-5px}}@media (max-width:599px){.App .full-page{height:95vh}}@media (min-width:800px){.home h1{font-size:5rem;letter-spacing:-7px}}@media (min-width:1000px){.home h1{font-size:7rem;letter-spacing:-10px}}.home .intro-title{color:var(--color-white);font-size:2rem;font-weight:100;letter-spacing:-1px;text-align:center;text-shadow:none}.content .buttons{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center;margin:auto;max-width:700px;width:100%}.buttons .contact-button,.buttons .resume-button{background-color:var(--color-black);border:2px solid var(--color-black);border-radius:5px;color:var(--color-white);font-weight:300;letter-spacing:normal;padding:2% 4%;text-align:center;text-decoration:none}.buttons .contact-button:hover,.buttons .resume-button:hover{background-color:initial}.home .title{color:var(--color-black);flex-grow:2;font-size:4em;font-weight:900;height:250px}.home .content,.home .title{align-items:center;display:flex;flex-direction:column;justify-content:center}.home .content{flex:1 1;flex-grow:5;text-align:center;width:100%}.home .titles{align-items:center;color:var(--color-white);display:flex;flex-direction:row;font-size:1.5em;font-weight:300;justify-content:center;letter-spacing:-1px;margin:auto;text-align:center}.home .titles .title{position:relative}.home .titles p:not(:last-child):after{bottom:-.25em;color:var(--color-black);content:"\2193";display:inline-block;margin-left:.5em;position:relative;transition:opacity .5s ease,-webkit-transform .5s ease!important;transition:transform .5s ease,opacity .5s ease!important;transition:transform .5s ease,opacity .5s ease,-webkit-transform .5s ease!important}.home .titles p:not(:first-child):before{content:"";margin-right:.5em;transition:opacity .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease,-webkit-transform .5s ease}.home .titles.scrolled p:not(:last-child):after{color:var(--color-black);content:"/";display:inline-block;opacity:1;position:relative;top:-.1em;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.home .titles.scrolled p:not(:first-child):before{bottom:-.1em;color:var(--color-black);content:"/";display:inline-block;position:relative}.home .titles p:not(:last-child):after,.home .titles.scrolled p:not(:first-child):before{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.home .titles p:not(:first-child):before{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@media screen and (max-width:865px){.App{grid-template-columns:5% 90% 5%}.home .titles{align-items:flex-start;flex-direction:column;text-align:left!important}.home .titles p{margin:10px 0 0}.home .titles p:after,.home .titles.scrolled p:not(:last-child):after{display:none!important}.home .titles p:before,.home .titles p:not(:first-child):before,.home .titles.scrolled p:not(:first-child):before{bottom:-.1em;color:var(--color-black);content:"/ /";display:inline-block;margin-right:.5em;opacity:1;position:relative;-webkit-transform:inherit;transform:inherit;transition:none}#action-buttons{width:75%}}@media screen and (max-width:500px){#action-buttons{width:100%}}#main-img{max-height:60vh}.title .first{cursor:default;margin-right:2rem}.title .last{margin-left:2.2rem}.title .first,.title .last{letter-spacing:-10px;line-height:.8em}.buttons .contact-button:focus,.buttons .resume-button:focus,.socials .buttons a:focus{outline:3px solid var(--color-black);outline-offset:2px}.portfolio{--transition:all 400ms ease-in-out;--card-color-primary:var(--color-black);--card-color-primary-bg:#c58e6048;--line-width:1px;font-family:Montserrat;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;margin-inline:auto;margin-bottom:2rem;width:95%}@media (max-width:320px){.portfolio{margin-left:0;margin-right:0;width:100%}}.card-container{grid-gap:2.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:1900px){.card-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.portfolio{width:90%}}.card{grid-gap:0;background-color:var(--card-color-primary-bg);border-radius:15px;color:var(--color-white);display:grid;gap:0;grid-row:span 6;grid-template-rows:subgrid;padding:10px;transition:var(--transition)}.card:hover{box-shadow:0 0 30px rgba(0,0,0,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.card .image,.card .image figure{margin:0}.card .image{border-radius:7px;overflow:hidden;width:100%}.card .image img{height:100%;object-fit:cover;object-position:center;width:100%}.card .title-container{align-items:center;display:flex;flex-direction:row;line-height:2em;margin:5px 0;padding-top:10px;width:100%}.card hr{background:var(--card-color-primary);border:0;height:var(--line-width);margin:5px 0;width:100%}.card .title-container .title{align-items:flex-start;display:flex;flex-grow:1;font-weight:500;letter-spacing:-.3px;text-transform:uppercase}.card .title-container nav.links ul{display:flex;gap:5px;list-style:none;margin:0;padding:0}.card .title-container nav.links li a.link-button{background-color:grey;border:var(--line-width) solid var(--card-color-primary);border-radius:5px;color:(--color-black);cursor:pointer;display:inline-block;font:inherit;font-size:14px;font-weight:300;outline:inherit;padding:0 10px;text-decoration:none}.card .title-container nav.links li a.link-button:hover{background-color:initial;border:var(--line-width) solid var(--card-color-primary)}.card .description{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1;line-height:1.5rem}.card .description,.card .technologies{font-size:14px;font-weight:300;margin:5px 0;width:100%}.card .technologies{display:grid;grid-template-columns:repeat(2,1fr)}.technologies .col li{font-size:14px;font-weight:300;margin:0 0 2px;padding:0}.technologies-title{display:flex;flex-direction:row;flex-grow:1;font-size:14px;font-weight:500;margin:5px 0;padding-top:10px;width:100%}.card:has(a.link-button:focus){box-shadow:0 0 30px rgba(0,0,0,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.card .title-container nav.links li a.link-button:focus{outline:3px solid var(--card-color-primary);outline-offset:2px}:root{--color-primary:#003853;--color-secondary:#445a6d;--color-black:#050505;--color-white:#f0fafe}.full-page{height:100vh}.App{background:linear-gradient(90deg,#445a6d,#003853);background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));display:grid;flex-direction:row;grid-template-columns:10% 80% 10%;width:100%}.App>.content{display:grid;grid-column-end:3;grid-column-start:2;grid-template-columns:1fr}@media (max-width:599px){.App{grid-template-columns:1fr;grid-template-rows:auto auto}.App>.content{grid-column:1;grid-row:2}}
/*# sourceMappingURL=main.7dc5bdd3.css.map*/