html{scroll-behavior:smooth}.button-display{border-radius:5px;text-align:center;cursor:pointer;transition:.5s}.button-primary{background-color:#fff;color:#fff}.button-primary:hover{background-color:#fff;color:#000}.list-button{cursor:pointer;color:#fff;text-decoration:underline;font-size:32px;font-weight:700;transition:color .3s ease}.list-button:hover{color:#000}body{margin:0;padding:0}.container{margin:0 auto;max-width:1200px}h1{margin:0;font-size:48px;font-weight:bolder}h2{margin:0;font-size:32px;font-weight:700}h3{margin:0;font-size:20px;font-weight:700}p{margin:0;font-size:18px;line-height:1.6}a{text-decoration:none}.important-text{font-weight:700;font-size:20px;color:#4f72fd;font-style:italic}.text-primary{color:#fff}.bg-primary{background-color:#214fff}.bg-secondary{background-color:#4f4f4f}.footer-container{display:flex;flex-direction:column}.footer{position:sticky;bottom:0;box-shadow:0 0 20px #00000040;width:100%;height:90px;display:flex;justify-content:center}.footer p{display:inline-block;align-self:flex-end;padding:0;margin:auto 0}.content-background-primary{border-radius:10px}.image-preset{background-repeat:no-repeat;background-position:center center;object-fit:cover;width:100%;height:100%}.image-preset.intro{border-radius:10px 0 0 10px}.image-preset.achievement{border-radius:0 0 10px 10px}.nav-fix{height:0}.navbar{width:100%;height:90px;display:flex;justify-content:center}.navbar-top{top:0;position:fixed;z-index:1000}.navbar p{display:inline-block;align-self:flex-end;padding:0;margin:auto 0}.navbar ul{height:100%;list-style-type:none;padding:0;margin:0;display:flex;justify-content:center}.navbar a{height:70px;padding:20px 16px 0;margin:0 15px;border-radius:0 0 10px 10px;text-decoration:none;display:flex;justify-content:center;color:#fff;transition:.5s}.navbar a h2{display:inline-block;align-self:flex-end}.navbar a:hover{height:90px;background-color:#fff;color:#000;box-shadow:0 10px 10px #00000080}.navbar a.active{color:#000}.intro-navbar{padding-top:140px}.intro{width:100%;display:flex;transition:height .5s ease-in-out}.titles{text-align:left;padding:20px 0 0 20px;color:#fff;margin-bottom:10px}.profile-img{float:left;box-shadow:0 0 20px #00000059;z-index:20;grid-column:1;transition:border-radius .5s ease-in-out;border-radius:10px}.hobbies{border-radius:0 0 0 10px;background-color:#3c3c3c;color:#fff}.hobbies-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:10px;text-align:left;font-size:20px;font-weight:700}.introduction{background-color:#3c3c3c;color:#fff;grid-column:2;border-radius:0 10px 10px 0;transition:border-radius .5s ease-in-out}.introduction p{padding:20px;font-size:20px;text-align:justify}.intro-titles{padding:10px 0 0 20px;margin-bottom:15px;text-align:left;color:#fff}.description{height:100%;color:#fff}.description p{padding:20px;font-size:20px;text-align:justify}.skills{background-color:#3c3c3c;border-radius:0 0 10px;color:#fff}.skills-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,auto);gap:10px;text-align:left;font-size:20px;font-weight:700}.intro-grid{display:grid;grid-template-rows:70% 30%}.top-content{background-color:#3c3c3c;display:grid;grid-template-columns:30% 70%;box-shadow:0 0 20px #00000040;z-index:30;transition:border-radius .5s ease-in-out;border-radius:10px}.bottom-content{display:grid;grid-template-columns:30% 70%;transform:translateY(-100%);max-height:0;transition:.5s ease-in-out;opacity:0;overflow:hidden;background-color:transparent;box-shadow:none;border-radius:0 0 10px 10px;z-index:20}.bottom-content.show{max-height:250px;opacity:1;background-color:#3c3c3c;box-shadow:0 0 20px #00000040;transform:translateY(0)}.bottom-content .hobbies{grid-column:1}.bottom-content .skills{grid-column:2}.projects{display:flex;justify-content:center;padding-top:20px;flex-direction:column}.project-border{border-radius:10px;box-shadow:0 0 20px #00000040}.projects h1{text-align:center;font-weight:700;margin-bottom:20px}.project-list{display:flex;justify-content:center;flex-wrap:wrap}.project-item{width:100%;height:25%;padding:20px 0;margin-bottom:20px;color:#fff}.project-item h2{font-weight:700;margin:0 20px}.project-text-left{text-align:left;margin-right:50px}.project-text-right{text-align:right;margin-left:50px}.text-space{word-spacing:10px}.project-margin{margin-left:50px}.project-text-resources{font-size:20px;float:left;text-align:left}.project-img{width:40%;height:281.25px;border-radius:10px;box-shadow:0 0 20px #00000040;transition:.5s}.project-img:hover{opacity:.75}.project-img-left{margin:0 20px;float:left}.project-img-right{margin:0 20px;float:right}.achievements{display:flex;justify-content:center;margin-top:20px;flex-direction:column}.achievement-border{border-radius:10px;box-shadow:0 0 20px #00000040}.achievements h1{text-align:center;font-weight:700;margin-bottom:20px}.achievement-list{width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.achievement-item{width:27%;height:500px;margin:25px 0;color:#fff;background-color:#3c3c3c;display:flex;flex-direction:column}.achievement-main-item{width:30%;height:550px;margin:0 20px 40px;color:#fff;background-color:#4f4f4f}.achievement-text{height:47.76%;padding:20px;font-size:20px;text-align:center}.achievements-img{bottom:0;width:100%;height:45%;box-shadow:0 0 20px #00000040}.image-preset-achievement{border-radius:0 0 10px 10px;background-repeat:no-repeat;background-position:center center;object-fit:cover;width:100%;height:100%}.contact{display:flex;padding:20px}.contact-bg{border-radius:10px 10px 0 0}.title{font-size:2em;padding-top:20px;margin-top:20px}.contact-info{width:100%;padding:10px;font-size:30px;display:flex;flex-direction:column}.contact-info p{font-size:30px;margin-bottom:20px;color:#fff}.contact-info a{color:#fff;text-decoration:underline;margin-bottom:20px;transition:.5s}.contact-info a:hover{color:#000}@media screen and (max-width: 1110px){.bottom-content.show{max-height:520px;opacity:1;background-color:#3c3c3c;box-shadow:0 0 20px #00000040;transform:translateY(0)}.achievements{flex-direction:column;align-items:center}.achievement-list{flex-direction:column;flex-wrap:wrap}.achievement-item,.achievement-main-item{width:90%;height:auto;margin:0 auto 20px}.achievements-img,.image-preset-achievement{width:100%;height:300px}.achievement-text{padding:10px}.container{width:95%;margin:0 auto;padding:5px}}@media screen and (max-width: 768px){.navbar{flex-direction:column;height:auto;align-items:center;padding:1px 0;background-color:#214fff}.navbar ul{display:flex;flex-direction:column;width:100%;transition:max-height .3s ease-out;max-height:0;overflow:hidden}.navbar.active ul{max-height:300px}.navbar a{padding:2px;margin:1px 0;width:100%;text-align:center;background-color:#214fff;color:#fff;border-radius:0}.navbar-toggle{display:block;cursor:pointer;padding:10px;color:#fff;background-color:#214fff;border:none;width:100%;z-index:1001;height:45px}.intro-navbar{padding-top:50px}.intro{flex-direction:column;height:auto}.intro-grid{background-color:#3c3c3c;border-radius:10px;display:grid;grid-template-columns:auto;grid-template-rows:auto auto}.top-content{display:grid;grid-template-columns:auto;grid-template-rows:auto auto}.top-content .profile-img{grid-column:1;grid-row:1}.intro-grid .hobbies{grid-column:1;grid-row:4}.intro-grid .introduction{grid-column:1;grid-row:2}.intro-grid .skills{grid-column:1;grid-row:3}.image-preset.intro{border-radius:10px;min-height:200px;max-height:300px;background-size:contain}.introduction{border-radius:10px}.bottom-content{grid-template-columns:100%}.skills-list{width:100%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}.hobbies{border-radius:0 0 10px 10px}.projects,.achievements{margin-top:10px}.projects h1,.achievements h1{text-align:center;font-weight:700;margin-bottom:10px}.project-item{width:100%;height:auto;margin-bottom:10px}.project-text-left,.project-text-right{text-align:justify;margin:0;padding:0 20px}.hr-space{margin-bottom:10px}.project-item hr{width:80%;margin:auto}.project-margin{margin-left:0}.project-text-resources{font-size:20px;float:left;text-align:left;padding:20px}.project-img-left,.project-img-right{float:none}.project-img{height:200px;margin:auto auto 20px;width:90%}.contact{flex-direction:column;align-items:center}.achievement-item,.achievement-main-item{width:100%;height:auto;margin:0 0 10px}.achievement-text{padding:10px}.achievements-img{width:100%;height:300px}.image-preset-achievement{width:100%;height:100%}.contact-info{width:100%;padding:10px;text-align:center}.container{width:95%;margin:0 auto;padding:5px}.footer{background-color:#214fff;padding:10px 0;height:45px}}@media only screen and (min-width: 769px){.navbar-toggle{display:none}}:root{font-family:Lato,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;text-align:center;min-height:100vh}