@import url(https://fonts.googleapis.com/css2?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);body{background-color:#201f2f;font-family:Roboto,sans-serif;margin:0}body .app{color:#fff;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 100px;height:100%;justify-content:center}body .app,body .app .container{box-sizing:border-box;width:100%}body .app .container{display:flex;flex-direction:column;justify-self:center;max-width:1064px;padding:70px 20px 64px}body .app .container .section{padding-top:64px}body .app .container .section .header{font-size:30px;margin-top:0}@media only screen and (max-width:1063px){.section .header{text-align:center}}@media only screen and (max-width:550px){.container{padding:70px 0 64px!important}}.header-container{align-items:center;background-color:#191828;display:flex;height:70px;justify-content:center;position:fixed;top:0;width:100%;z-index:10}.header-container .header{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;max-width:1064px;padding:0 32px;width:100%}.header-container .header .header-logo{color:#fff;font-size:30px;font-weight:700;text-decoration:none;-webkit-user-select:none;user-select:none}.header-container .header .header-logo span{color:#438efc;font-size:30px}.header-container .header .header-links{grid-gap:32px;display:grid;gap:32px;grid-auto-flow:column;height:100%;list-style-type:none;padding:0}.header-container .header .header-links .header-link{align-items:center;display:grid}.header-container .header .header-links .header-link a{color:#fff;font-weight:700;text-decoration:none}.header-container .header .header-links .header-link a:hover{color:#438efc}@media only screen and (max-width:550px){.header{justify-content:center!important}.header .header-links{display:none!important}}.about{box-sizing:border-box;display:grid;grid-template-columns:60% 40%;padding-top:140px!important}.about .about-left{justify-content:center}.about .about-left,.about .about-left .about-intro{display:flex;flex-direction:column}.about .about-left .about-intro .about-intro{font-size:41.6px;font-weight:700;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about .about-left .about-intro .about-intro.secondary{color:#438efc}.about .about-left .about-text{line-height:1.7rem;padding:8px 0;width:80%}.about .about-left .follow span{color:#4e4f58;font-size:20px;font-weight:700}.about .about-left .follow .follow-links{grid-gap:32px;display:flex;display:grid;gap:32px;grid-auto-flow:column;list-style-type:none;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about .about-left .follow .follow-links .follow-link a{color:#fff;font-size:30px}.about .about-left .follow .follow-links .follow-link a:hover{color:#438efc}.about .about-right{display:grid}.about .about-right .about-img{background-color:#438efc;border-radius:10px;height:270px;justify-self:flex-end;overflow:hidden;position:relative;width:270px}.about .about-right .about-img img{bottom:-18px;left:7px;position:absolute}@media only screen and (max-width:780px){.about{grid-gap:15px;gap:15px;grid-template-columns:100%}.about,.about .about-left{display:grid}.about .about-left .about-intro{align-items:center;display:flex;flex-direction:column;justify-self:center}.about .about-left .about-text{justify-self:center;text-align:justify;text-justify:inter-word}.about .about-right{justify-self:center;order:-1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about .follow{display:grid}.about .follow,.about .follow span{justify-self:center}}@media only screen and (max-width:500px){.about-intro{font-size:32px!important}}.skills{background-color:#191828;border-radius:7px;margin-top:64px;overflow:hidden;padding:32px 0!important;position:relative}.skills:before{background:linear-gradient(270deg,#191828,#0000);right:0;z-index:2}.skills:after,.skills:before{bottom:0;content:"";display:block;height:150px;position:absolute;width:150px}.skills:after{background:linear-gradient(90deg,#191828,#0000);z-index:1}.skills .header{text-align:center}.skills .skills-list{display:flex;justify-content:center;list-style-type:none;overflow:hidden;padding:0}.skills .skills-list .skills-list-item{grid-gap:7px;align-items:center;background-color:#201f2f;border:1px solid #4e4f58;border-radius:7px;box-sizing:border-box;display:grid;gap:7px;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;margin:0 5px;min-width:140px;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skills .skills-list .skills-list-item.placeholder{background-color:#201f2f;height:58px}.skills .skills-list .skills-list-item img{height:40px}@media only screen and (max-width:505px){.skills{padding:32px 8px!important}.skills .skills-list-item{grid-template-columns:-webkit-min-content!important;grid-template-columns:min-content!important;min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.skills .skills-list-item span{display:none}}.projects .projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,minmax(480px,1fr));justify-content:center}.projects .projects-grid .projects-grid-item{background-color:#2a2c3b;border-radius:7px;box-sizing:border-box;display:grid;grid-template-rows:280px 1fr;overflow:hidden;width:100%}.projects .projects-grid .projects-grid-item.placeholder{background-color:#2a2c3b;height:570px}.projects .projects-grid .projects-grid-item .projects-grid-item-img{color:#000;height:280px;position:relative}.projects .projects-grid .projects-grid-item .projects-grid-item-img .blur{align-items:center;background-color:#ffffffb3;display:flex;font-size:30px;font-weight:700;height:280px;justify-content:center;position:absolute;width:100%}.projects .projects-grid .projects-grid-item .projects-grid-item-img img{height:280px;object-fit:cover;width:100%}.projects .projects-grid .projects-grid-item .projects-grid-item-info{display:grid;padding:16px 19.2px}.projects .projects-grid .projects-grid-item .projects-grid-item-info h2{margin:0 0 8px}.projects .projects-grid .projects-grid-item .projects-grid-item-info ul{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;padding:0}.projects .projects-grid .projects-grid-item .projects-grid-item-info ul li{background-color:#4e4f58;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px}.projects .projects-grid .projects-grid-item .projects-grid-item-info .project-links{align-self:flex-end;display:flex;gap:15px;justify-content:flex-end;justify-self:flex-end}.projects .projects-grid .projects-grid-item .projects-grid-item-info .project-links a{color:#fff;font-size:24px;text-decoration:none}.projects .projects-grid .projects-grid-item .projects-grid-item-info .project-links a:hover{color:#438efc}@media only screen and (max-width:1063px){.projects-grid{grid-template-columns:minmax(480px,1fr)!important}.projects-grid .projects-grid-item-img img{object-position:top}}@media only screen and (max-width:700px){.projects-grid{grid-template-columns:minmax(300px,1fr)!important}}@media only screen and (max-width:550px){.projects-grid{grid-template-columns:minmax(300px,1fr)!important;padding:0 4px}}.certifications .certifications-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,minmax(320px,320px));justify-content:center}.certifications .certifications-grid .certifications-grid-item{background-color:#2a2c3b;border-radius:7px;display:grid;grid-template-rows:190px 1fr;overflow:hidden}.certifications .certifications-grid .certifications-grid-item.placeholder{background-color:#2a2c3b;height:374px}.certifications .certifications-grid .certifications-grid-item img{width:100%}.certifications .certifications-grid .certifications-grid-item .certification-info{background-color:#2a2c3b;box-sizing:border-box;display:grid;height:100%;padding:0 8px 8px;z-index:2}.certifications .certifications-grid .certifications-grid-item .certification-info .title{color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-decoration:none}.certifications .certifications-grid .certifications-grid-item .certification-info .title h3{margin-bottom:0}.certifications .certifications-grid .certifications-grid-item .certification-info ul{display:flex;flex-wrap:wrap;font-size:12px;gap:5px;list-style-type:none;padding:0}.certifications .certifications-grid .certifications-grid-item .certification-info ul li{background-color:#4e4f58;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px}.certifications .certifications-grid .certifications-grid-item .certification-info .course-link{align-self:flex-end;color:#fff;font-size:20px;justify-self:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.certifications .certifications-grid .certifications-grid-item .certification-info .course-link:hover{color:#438efc}@media only screen and (max-width:1063px){.certifications-grid{grid-template-columns:repeat(2,minmax(320px,1fr))!important}}@media only screen and (max-width:700px){.certifications-grid{grid-template-columns:minmax(320px,400px)!important}.certifications-grid .certifications-grid-item img{height:100%;object-fit:cover;object-position:center}.certifications-grid{grid-template-columns:minmax(300px,1fr)!important}}@media only screen and (max-width:550px){.certifications-grid{grid-template-columns:minmax(300px,1fr)!important;padding:0 4px}}.contact{background-color:#191828;border-radius:7px;margin-top:64px;padding:32px!important}.contact h1{font-size:30px;margin:0 0 32px;text-align:center}.contact .contact-buttons{display:flex;gap:40px;justify-content:center}.contact .contact-buttons a{grid-gap:10px;align-items:center;background-color:#438efc;border-radius:7px;box-sizing:border-box;color:#fff;display:grid;font-size:20px;font-weight:700;gap:10px;grid-template-columns:-webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content;height:50px;justify-content:center;padding:8px 32px;text-decoration:none;width:130px}.footer-container{background-color:#191828;width:100%}.footer-container,.footer-container .footer{align-items:center;display:flex;justify-content:center}.footer-container .footer{flex-direction:column;max-width:1064px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-container .footer .follow-links{display:flex;gap:15px;list-style-type:none;margin:8px 0;padding:0}.footer-container .footer .follow-links .follow-link{font-size:24px}.footer-container .footer .follow-links .follow-link a{color:#fff}.footer-container .footer .follow-links .follow-link a:hover{color:#438efc}
/*# sourceMappingURL=main.eb7fc64c.css.map*/