:root{--color-dark: #05090d;--color-dark-gray: hsl(204, 5%, 12%);--color-medium-gray: hsl(204, 5%, 25%);--color-light-gray: hsl(208, 6%, 55%);--color-primary: hsl(202, 46%, 71%);--color-primary-dark: hsl(202, 46%, 50%);--color-secondary: #78552d;--color-accent: #eeab5d;--color-light: #e6e8ea}*{margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:var(--color-dark);color:var(--color-light);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.background-dark{background-color:var(--color-dark);color:var(--color-light)}.cta{background-color:var(--color-primary);color:var(--color-dark);transition:all .5s}.cta:hover{font-size:1.2em}.fa{transition:all .5s}.fa:hover{color:var(--color-accent);transform:scale(1.2)}.navbar{padding:1em 6em;border-bottom:1px solid var(--color-medium-gray)}.logo{color:var(--color-light);font-family:Oooh Baby,serif;font-size:2em;font-weight:400;font-style:normal;line-height:1em;text-align:center}.nav-link{color:var(--color-light)!important;text-transform:capitalize;padding-top:0;padding-bottom:0}#nav-pages-links{display:flex;justify-content:center;font-size:1.2em}.navbar #nav-pages-links .nav-link{position:relative}.navbar #nav-pages-links .nav-link:after{position:absolute;bottom:0;left:0;right:0;margin:auto;background-color:var(--color-primary);width:0%;content:"";height:2px;transition:all .5s}.navbar #nav-pages-links .nav-link:hover:after{width:100%}.navbar #nav-pages-links .nav-link.active-link{font-weight:700}.navbar #nav-pages-links .active-link:after{position:absolute;bottom:0;left:0;right:0;margin:auto;background-color:var(--color-primary);width:100%;content:"";height:2px}.nav-item .fa{font-size:2em}.footer{border-top:1px solid var(--color-light-gray);color:var(--color-light-gray)}.footer div{padding:.5em 0}.footer .fa{color:var(--color-light-gray)}.footer .fa:hover{color:var(--color-accent)}#home-container{margin:8em auto;gap:10em}#intro img{width:100%;max-width:250px;border-radius:.5rem}#scroll-down-container{text-transform:uppercase;border:none}#scroll-down-container:hover{font-weight:700}@keyframes up-and-down{0%{top:0}to{top:1em}}#scroll-down{position:relative;padding:3em 3em 1em;margin:-3em -3em -1em}#scroll-down:hover{animation-name:up-and-down;animation-direction:alternate;animation-duration:.6s;animation-iteration-count:infinite;animation-timing-function:ease-in}.card-group{column-gap:2vw}.card{padding:0;background-color:var(--color-dark-gray);border:1px solid var(--color-medium-gray);min-width:300px}#projects-preview-home .card{margin:2em 0;width:30%}.card-title{font-size:1.3em;font-weight:500}.card .card-img-top{height:250px}.card img{object-fit:cover;object-position:top}.project-tags{display:flex;flex-wrap:wrap}.project-tags .tag{border:1px solid var(--color-light-gray);border-radius:10px;padding:.1em 1em;margin-right:1em;font-size:.9em}.project-links .fa{font-size:1.8em;color:var(--color-light)}.project-links .fa:hover{color:var(--color-accent)}#button-to-all-projects{margin:0 auto;border:none;color:var(--color-dark);line-height:1.5em;position:relative;width:12em;height:50px;background-color:transparent}#button-to-all-projects .text{position:absolute;margin-left:3em;color:var(--color-primary);text-decoration:none}#button-to-all-projects .circle{position:absolute;left:0;background-color:var(--color-primary);height:50px;width:50px;border-radius:50px;transition:all .4s ease-in-out}#button-to-all-projects .fa{position:absolute;left:0;width:50px;height:50px;line-height:50px;transition:left .4s ease-in-out}#button-to-all-projects:hover .circle{width:100%}#button-to-all-projects:hover .text{color:var(--color-dark);font-weight:700;transition:color .4s ease-in-out}#button-to-all-projects .fa-arrow-right{visibility:hidden;color:var(--color-dark)}#button-to-all-projects .fa-arrow-right:hover{transform:scale(1);color:var(--color-dark)}#button-to-all-projects:hover .fa-chevron-right{visibility:hidden}#button-to-all-projects:hover .fa-arrow-right{left:1em;font-size:1.2em;visibility:visible}#about-nav-bar{padding-top:25vh}#about-content{gap:5vh;max-width:50em}#about-content>*{margin:1em 0}#about-content h2{text-transform:uppercase;text-align:center;margin-bottom:.8em}.skill-list{width:20rem;margin:2em 1em;padding:3em 1em 1em;border:1px solid var(--color-primary);border-radius:10px;position:relative}.skill-title{background-color:var(--color-dark);border:1px solid var(--color-primary);text-align:center;padding:0 1em;border-radius:10px;height:3em;line-height:3em;position:absolute;top:-1.5em;left:0;right:0;margin-inline:auto;width:fit-content}.timeline-container{position:relative}.timeline-container:after{position:absolute;top:2em;left:0;right:0;margin:auto;background-color:var(--color-light-gray);width:100%;content:"";height:2px}.timeline-elt{width:20%}.timeline-elt *{text-align:center}.timeline-elt .date{height:2em}.timeline-elt .content{padding-top:1em}@media (max-width: 767px){.timeline-elt{width:100%;margin:1em 0;padding:1em}.timeline-elt *{text-align:left}.timeline-elt .date{min-width:6em;width:6em;padding-right:1em;text-align:right}.timeline-elt .content{padding:0;margin:0}.timeline-container:after{height:100%;top:0;left:7em;margin:0;width:2px;content:""}}@media (min-width: 767px){#projects-preview{max-width:70em}}#projects-preview .card{width:100%;flex-direction:row;align-items:center}#projects-preview .card img{max-width:300px}#projects-preview .card-body-footer{padding:1em}#projects-preview .card-footer{padding:.5em}#project-filters .filter{background-color:var(--color-primary);color:var(--color-dark);padding:.5em 1em;margin:1em;border-radius:10px}