body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin-top:0;font-family:Reddit Mono,monospace}body{background-color:#0f0f0f}.section{color:#fff;text-align:center}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h1{padding-top:50px;font-size:3em}h2{padding-top:30px;font-size:2em;text-transform:lowercase}h3{font-size:1.5em}ul{padding:0}ul li{list-style-type:none}#navbar{background-image:linear-gradient(#0b0b0b,#1a1a1a);height:10vh;display:flex;justify-content:space-between;padding:10px 30px}#navbar>*{padding:0;height:100%;display:flex;justify-content:flex-end;align-items:center;gap:20px}#navbar .menu-item a{text-decoration:none;color:#fff;text-transform:uppercase;letter-spacing:2px}#navbar .menu-item a:hover{color:gray}#navbar .menu-item.logo a{font-weight:700;font-size:large;padding:10px;border:1px solid white;width:fit-content}#navbar .menu-item.logo a:hover{border-color:gray}@media (max-width: 420px){#navbar .menu-item.logo a{width:min-content}}@media (max-width: 520px){#navbar .menu-item.desktop{display:none}}@media (min-width: 521px){#navbar .menu-item.mobile{display:none}}#navbar .menu-item .icon{height:35px}#navbar .menu-item .icon:hover{opacity:40%}#main #text-photo-section{display:grid;grid-template-columns:2fr 3fr;column-gap:30px;align-items:center}@media (max-width: 548px){#main #text-photo-section{grid-template-columns:1fr 1fr}}@media (max-width: 445px){#main #text-photo-section{grid-template-columns:1fr}}#main #text-photo-section .title{padding:0 30px 40px 0;border-right:1px solid white}@media (max-width: 445px){#main #text-photo-section .title{padding-right:0;border-right:none}}#main #text-photo-section .title h1{margin-bottom:0}@media (max-width: 548px){#main #text-photo-section .title h1{font-size:2em}}#main #text-photo-section .title #subtitle{font-style:italic}@media (max-width: 548px){#main #text-photo-section .title #subtitle{font-size:1em}}#main #text-photo-section img{width:100%}#main #link-buttons{display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px;align-items:center;margin-top:30px}@media (max-width: 445px){#main #link-buttons{grid-template-columns:1fr;row-gap:15px}}#main #link-buttons .link-button{border:1px solid white;border-radius:20px;padding:15px 20px;color:#fff;text-decoration:none}#main #link-buttons .link-button:hover{background-color:#fff;color:#000}.section{padding:0 50px}.section #education{display:flex;flex-direction:column;align-items:center;justify-content:center}.section #education h2{margin-bottom:0}.section #education ul{display:flex;flex-direction:column}.section #education ul li{max-width:50vw}@media (max-width: 950px){.section #education ul li{max-width:100%}}.section #it-skills{display:inline-flex;flex-direction:column}.section #it-skills h2{margin-top:40px}.section #it-skills ul{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.section #work-experience h2{margin-top:40px;margin-bottom:0}.section #languages ul{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width: 730px){.section #languages ul{grid-template-columns:1fr}}.education-card div{background-color:#1c1c1c;padding:12px;box-sizing:border-box;width:100%;margin-top:65px;position:relative}.education-card div .logo{height:70px;width:70px;object-fit:contain;border-radius:50%;border:3px solid white;padding:7px;margin-top:-50px}.education-card div .degree{font-size:5em;font-weight:700;background:linear-gradient(#606060,#0a0a0a);-webkit-background-clip:text;background-clip:text;color:transparent;position:absolute;top:-20px;left:0}.education-card div .state{width:60px;opacity:.2;position:absolute;top:15px;right:12px}.education-card div .date{font-weight:400;text-transform:uppercase;font-size:small}.education-card div h3{margin-bottom:15px}.education-card div .school{font-size:small}.education-card div hr{margin:25px 0}.education-card div .specialization{margin-top:20px;text-transform:uppercase}.education-card div .description{text-align:justify;font-size:medium;margin:30px 25px 15px}.language-box{background-color:#3a3a3a;display:flex;flex-direction:column;justify-content:center;padding:20px;margin:15px;box-shadow:0 0 15px #cacaca}.language-box .flag{height:30px;margin-bottom:5px}.language-box h3{margin-bottom:0}.language-box progress{appearance:none;width:100%;height:15px;margin:10px 0;background-color:#2e2e2e;border-radius:10px;overflow:hidden}.language-box progress::-webkit-progress-bar{background-color:#2e2e2e;border-radius:10px}.language-box progress::-webkit-progress-value{background-color:#afb4bd;border-radius:10px 0 0 10px}.language-box p{margin-bottom:0}.it-skill-box div{background-color:#393939;width:200px;height:200px;display:grid;grid-template-rows:3fr 1fr;align-items:center;padding:5px 10px}.it-skill-box div:hover{background-color:#282828}.it-skill-box div .logo{height:100px;margin:0 auto}.work-box{display:grid;grid-template-columns:1fr 2fr;column-gap:40px;margin:40px 10%;align-items:center}.work-box:nth-of-type(odd) .first-column{order:2}.work-box:nth-of-type(odd) .second-column{order:1}@media (max-width: 990px){.work-box:nth-of-type(odd) .first-column,.work-box:nth-of-type(odd) .second-column{order:initial}}@media (min-width: 991px){.work-box:nth-of-type(odd){grid-template-columns:2fr 1fr}}.work-box .first-column{display:flex;justify-content:center;align-items:center}.work-box .first-column .work-logo{max-height:250px;max-width:100%;object-fit:contain}@media (max-width: 990px){.work-box .first-column .work-logo{height:180px}}.work-box .second-column{display:flex;flex-direction:column;justify-content:center;text-align:left}.work-box .second-column h3{margin-bottom:10px}.work-box .second-column .company{font-style:italic;margin-bottom:5px}.work-box .second-column .date{font-weight:400;text-transform:uppercase;font-size:small;font-style:italic;margin-bottom:10px}.work-box .second-column .description{text-align:justify;margin-top:0}@media (max-width: 990px){.work-box .second-column{align-items:center;text-align:center;padding:0 20px}}@media (max-width: 990px){.work-box{grid-template-columns:1fr;row-gap:20px}.work-box .first-column{order:1}.work-box .second-column{order:2}}#projects #project-layout{display:grid;grid-template-columns:2fr 5fr;column-gap:20px;margin:0 50px}@media (max-width: 1140px){#projects #project-layout{display:flex;flex-direction:column;row-gap:30px;align-items:center;margin:auto}}#projects #project-layout .project-column{background-color:#373737;height:max-content;border-radius:25px}#projects #project-layout .project-column#project-list{padding:10px;display:flex;flex-direction:column;row-gap:10px}#projects #project-layout .project-column#project-list #projects-category-filter{display:none}#projects #project-layout .project-column#project-detail{text-align:left;padding:35px 40px}#projects #project-layout .project-column#project-detail .title-repo-header{display:flex;align-items:center;min-height:50px}#projects #project-layout .project-column#project-detail .title-repo-header h2{text-transform:initial;padding-top:0;display:inline;margin-right:15px;margin-bottom:0}#projects #project-layout .project-column#project-detail .title-repo-header a img{width:40px;padding:5px;background-color:#000;border-radius:25px;border:3px solid black}#projects #project-layout .project-column#project-detail .title-repo-header a img:hover{background-color:transparent;transition:.5s}#projects #project-layout .project-column#project-detail .technologies-desc{font-style:italic}#projects #project-layout .project-column#project-detail img{width:100%;margin:20px 0}#projects #project-layout .project-column#project-detail .long-description-text{text-align:justify}.project-box{background-color:#1f1f1f;border-radius:25px;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:.8em;padding:15px 20px;width:100%;color:#fff;border:2px solid black}.project-box:hover{cursor:pointer;background-color:#747474;border-color:#2a2a2a}.project-box h3{font-size:1.3em;margin-bottom:10px}.project-box .technologies{font-style:italic}.project-box a img{width:40px;padding:5px}.project-box a img:hover{background-color:#000;border-radius:25px;transition:.3s}#contact #contact-display{display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px}@media (max-width: 775px){#contact #contact-display{grid-template-columns:1fr;row-gap:20px;align-self:center}}#contact #contact-display a{padding:20px;background-color:#212121;color:#fff;text-decoration:none}#contact #contact-display a#email:hover{background-color:#c20a0a}#contact #contact-display a#linkedin:hover{background-color:#0a66c2}#contact #contact-display a#github:hover{background-color:#238636}#contact form{display:inline-flex;flex-direction:column;align-items:center;row-gap:10px}#contact form input,#contact form textarea{border:1px solid white;background-color:transparent;margin-bottom:15px;padding:5px 8px;color:#fff}#contact form input:focus,#contact form textarea:focus{background-color:#fff;color:#000}#contact form input[type=email],#contact form input[type=text]{width:20vw}#contact form textarea{width:30vw}#contact form input[type=submit]{height:50px;width:100px}#contact form input[type=submit]:hover{color:#000;background-color:#fff;cursor:pointer}.hidden{display:none}#footer{padding:20px 10px;text-align:center}#footer p{margin-bottom:0;color:#fff}