@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@400;500&display=swap);:root{--black:#040404;--red:#d00000;--platinum:#e5e5e5;--main-font:"Montserrat",sans-serif;--second-font:"Montserrat",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:12px}#root,body,html{height:100%}h1,h2,h3,h4,h5,h6,strong{color:#d00000;color:var(--red);font-family:"Montserrat",sans-serif;font-family:var(--main-font);font-weight:700}a,input,label,li,p,span,textarea{color:#e5e5e5;color:var(--platinum);font-family:"Montserrat",sans-serif;font-family:var(--second-font);font-weight:300}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2.3rem}h4{font-size:2rem}h5{font-size:1.6rem}h6{font-size:1.3rem}img{display:block;width:100%}ol,ul{list-style-position:inside}ul{list-style-type:none}.classic-font{color:#e5e5e5;color:var(--platinum);font-family:"Montserrat",sans-serif;font-family:var(--second-font)}.container{width:100%;min-height:100%;position:relative;background-color:#040404;background-color:var(--black);overflow-x:hidden}.navbar{padding-top:2rem;padding-bottom:4rem}.nav-links,.navbar{display:flex;align-items:center;justify-content:flex-start}.nav-links{width:90%;margin:0 auto}.link{color:#e5e5e5;color:var(--platinum);text-decoration:none;text-transform:lowercase;margin:1rem 1.5rem 1rem 0;font-weight:700;position:relative;transition:.3s ease-in}.link .active,.link:hover{color:#d00000;color:var(--red)}.link:after{position:absolute;bottom:-40%;left:0;content:"";display:block;width:0;height:3px;background-color:#d00000;background-color:var(--red);transition:width .3s ease-in}.link:hover:after{width:100%;transition:width .3s}.main{width:90%;margin:2rem auto 4rem}#home{display:grid;grid-gap:1rem;gap:1rem;grid-template-rows:50% 50%;grid-template-columns:1fr 9fr;grid-template-areas:"icons image" "text text"}.home-icons{grid-area:icons;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.home-link{display:block;width:22px;margin:1rem 0}.home-icon{width:100%;height:100%;color:#d00000;color:var(--red)}.home-image{grid-area:image;display:grid;place-items:center}.home-image-container{width:250px;height:250px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:5px;overflow:hidden;-webkit-filter:grayscale();filter:grayscale()}.home-text{grid-area:text;display:flex;flex-direction:column}.home-text p{margin-top:.3rem}#portfolio{margin-top:0}.portfolio-grid{text-align:center;margin:2rem 0 4rem;width:100%;display:grid;place-items:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:3rem;gap:3rem}.portfolio-card{width:340px;display:flex;flex-direction:column;justify-content:center}.portfolio-img{width:100%;height:300px;overflow:hidden;border-radius:15px}.portfolio-img img{transform:translateX(-50%);transform:translateY(-50%)}.portfolio-name{padding:1rem}.portfolio-links{display:flex;align-items:center;justify-content:center}.portfolio-link{display:block;width:7%;margin:0 1rem}.portfolio-link svg{display:block;width:100%;height:100%;transition:.5s ease-in}.portfolio-link svg:active,.portfolio-link svg:hover{color:#d00000;color:var(--red)}#about{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem}.skills-container{margin:2rem 0 4rem}.skills-list{font-size:1.6rem}.skills-list>*{margin:1rem 0}.specific-skills-list{margin-left:3rem}.specific-skills-list li{display:flex;align-items:center}.specific-skills-list svg{display:inline-block}.about-about-me p{margin:2rem 0}@media screen and (min-width:450px){html{font-size:12px}}@media screen and (min-width:475px){#home{grid-template-areas:"icons text" "image image"}.home-text{justify-content:center}}@media screen and (min-width:600px){#home{padding-right:3rem}}@media screen and (min-width:720px){html{font-size:14px}#home{padding-right:1rem;grid-template-columns:1fr 4.5fr 4.5fr;grid-template-rows:1fr;grid-template-areas:"icons text image"}#about{grid-template-columns:1fr 1fr}}@media screen and (min-width:800px){#home{padding-right:2rem}.home-image-container{width:300px;height:300px}}@media screen and (min-width:900px){#home{padding-right:4rem}}@media screen and (min-width:1000px){#home{padding-right:10rem}.home-image-container{width:400px;height:400px}}
/*# sourceMappingURL=main.05800e56.chunk.css.map */