body{margin:0;height:100%;width:100%;background-color:#04070a}.wrapper{color:#fff;max-width:1000px;margin:0 auto;display:flex;flex-direction:column}footer{margin-top:30px;color:#fff;background-color:#0e1721;font-family:Lato;min-height:200px}footer .footer-container{position:relative;margin:auto;padding:30px}footer .footer-container .contact{flex-grow:1;text-align:center}.container{margin:0;display:flex;flex-direction:column;font-family:Lato;font-size:1.2rem}.container .info-container{display:flex}.container .profile-picture{width:140px;height:140px;border-radius:10px}.container .basic-info-container{margin-left:1rem;font-size:1rem}.container .basic-info-container .name-container{font-family:Montserrat;font-size:2rem;font-weight:700;margin:0}.container .basic-info-container .contact-info-container{position:relative;margin:1rem 0}.container .basic-info-container .contact-info-container .social-link{position:absolute;margin-left:5px}.container .basic-info-container .contact-info-container .social-link img{width:20px;height:20px}.container .description-section{margin-top:2rem}.container .description-section .description{text-align:justify}.container .skills-section-default{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;row-gap:10px;column-gap:10px}.container .skills-section-mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;row-gap:10px;column-gap:10px}.container .project-section{margin-top:20px}.container .project-section .project-link{color:#f97a7a;text-decoration:underline}.container .project-section .project-link:hover{cursor:pointer}.container .project-section .project-container{margin-top:30px;display:flex;gap:15px}.container .articles-section{margin-top:30px}.container .articles-section .articles-container{margin-top:30px;display:flex;justify-content:space-between}.container .articles-section .more-articles{margin-top:15px;display:flex;align-content:center;gap:5px}.container .articles-section .more-articles:hover{cursor:pointer}.container .work-section{margin-top:30px}.skill-container{padding:15px;background-color:#1d1c1e;border-radius:10px;font-family:Lato;font-size:1rem;color:#fff;max-width:327px;height:60px;display:flex;align-items:center}.skill-container img{max-height:50px;max-width:50px}.skill-container .skill-info{margin:0 auto;margin-left:.5rem}.skill-container .skill-info p{margin:0}.skill-container .skill-info .skill-description{color:#c7c7c7}.item-container{border:1px solid white;width:291px;height:283px;border-radius:10px;transition:transform .2s;text-decoration:none!important}.item-container:hover,.item-container:hover img{cursor:pointer}.item-container:hover .item-title{color:#c7c7c7}.item-container img{width:100%;height:57.6%;max-height:162px;object-fit:contain}.item-container .item-info{width:100%;height:42.4%;padding:10px}.item-container .item-info p{margin:0}header nav{display:flex;justify-content:end}header ul{display:flex;gap:2.2em}header li{list-style:none;text-transform:lowercase;font-family:Lato}header li a{text-decoration:none;color:#fff}header li a:before{position:absolute;height:1px;content:"";width:0%;border-bottom:2px solid white;transition:width .3s;bottom:-6px}header li a:hover{cursor:pointer}header li a:hover:before{width:5%}header li:nth-child(3){margin-right:0}