@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css);:root{--primary-font:"Playfair Display",system-ui,Helvetica,Arial,sans-serif;--secondary-font:"Roboto",system-ui,Helvetica,Arial,sans-serif;--main-color:#615770;--box-shadow:2px 2px 8px rgba(31,31,31,.6)}html{background-color:var(--main-color)}body,html{height:100%}body{background-color:#fff;display:grid;grid-template-rows:auto 1fr auto}*{box-sizing:border-box;margin:0;padding:0}h1{font-family:var(--primary-font);font-size:2.25rem;font-weight:300}h2{font-size:1.75rem}h2,h3{font-family:var(--primary-font);font-weight:200}h3{font-size:1.25rem}p{font-family:var(--secondary-font)}a{color:#000;text-decoration:none}i{font-size:1.5rem}header{background-color:#fff;padding:1rem;position:relative}.colored-slant-container{overflow:hidden;width:100%}.colored-slant,.colored-slant-container{height:100%;left:0;position:absolute;top:0}.colored-slant{background-color:var(--main-color);transform:translateY(calc(-100% + 250px)) rotate(-10deg);transform-origin:bottom left;width:150%}.header-content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.header-content a{text-decoration:underline}.main-portrait-container{border-radius:.25rem;box-shadow:var(--box-shadow);margin-top:1rem;position:relative}header h1{background-color:rgba(39,39,39,.8);border-radius:.25rem;bottom:.5rem;color:#fff;left:0;margin:0 auto;padding:.5rem;position:absolute;right:0;text-align:center;width:fit-content}.main-portrait{border-radius:.25rem;display:block;height:250px}header h2{margin-bottom:1rem;margin-top:1.5rem}main{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem 3rem}.projects-container{display:grid;gap:1.5rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill,minmax(0,300px));justify-content:center;width:100%}.project{align-items:center;border-radius:4px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:1rem;max-width:300px;padding:2rem 1rem;position:relative}.project-card-link{border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.project-img{border-radius:4px;max-height:230px;max-width:230px}.project-title-and-links{align-items:center;display:flex;gap:.25rem;width:100%}.project-title-and-links>h3{margin-right:auto}.project-title-and-links>a{padding:.25rem;z-index:2}.devicon-github-original{display:block}.external-link{display:block;width:1.5rem}footer{background-color:var(--main-color);color:#fff;display:flex;flex-direction:column}footer h2{text-align:center}.contact-info{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem}.contact-links{align-items:center;display:flex;gap:1rem;justify-content:center}.contact-links>a{color:#fff;padding:.25rem}.contact-links>a>i{display:block;font-size:2rem}.footer-img{display:block;width:100%}@media (min-width:600px){header{align-items:center;display:flex;flex-direction:column;padding:8rem 5rem 1rem}.colored-slant{transform:translateY(calc(-100% + 400px)) rotate(-10deg)}.header-content{background-color:#fff;border-radius:4px;box-shadow:var(--box-shadow);display:inline-block;max-width:530px;padding:3rem 1rem}header h1{background-color:transparent;bottom:auto;left:auto;padding:0;right:-9rem;top:.5rem}header h2{margin-top:0;text-align:center}.main-portrait-container{float:left;margin:0 1rem -5rem 0;top:-5rem;transform:scale(1.2);transform-origin:right bottom}main{gap:2rem}footer{flex-direction:row;gap:1rem;justify-content:center;padding:2rem}footer>*{max-width:400px}.contact-info{flex:1;justify-content:center;padding:0}footer>picture{display:flex;justify-content:center}.footer-img{border-radius:4px;max-height:300px;width:auto}}@media (min-width:1000px){header{padding:5rem 5rem 3rem}.colored-slant{height:150%;transform:translateY(calc(-100% + 300px)) rotate(-5deg)}.header-content{max-width:700px;padding:0 1rem}header h1{background-color:rgba(39,39,39,.8);bottom:.5rem;left:0;padding:.5rem;right:0;top:auto}header h2{margin-top:1.5rem}.main-portrait-container{margin-bottom:0;top:0;transform-origin:right center}.projects-container{grid-template-columns:repeat(3,auto)}}@media (min-width:2300px){.colored-slant{height:150%;transform:translateY(calc(-100% + 300px)) rotate(-3deg)}}@media (hover:hover){.project{transition:transform .2s ease-in-out}.project:hover{transform:translateY(-6px)}.project-title-and-links>a{transition:transform .2s ease-in-out}.project-title-and-links>a:hover{transform:scale(1.1)}.contact-links>a{transition:transform .2s ease-in-out}.contact-links>a:hover{transform:scale(1.1)}}
/*# sourceMappingURL=main.css.map*/