html{scroll-behavior:smooth;font-size:62.5%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#bbb656;border-radius:10px}body{width:100%;height:100vh;overflow-x:hidden;background-color:#000;color:#fff}header{margin-top:20px;position:fixed;top:0;left:0;width:100%;padding:1rem 9%;background-color:transparent;filter:drop-shadow(10px);display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-size:3em;color:#bbb656;font-weight:800;cursor:pointer;transition:.5s ease}.logo:hover{transform:scale(1.1)}nav a{font-size:1.8rem;color:#fff;margin-left:4rem;font-weight:500;transition:.3s ease}nav a:hover,nav a.active{color:#bbb656}@media (max-width: 995px){nav{position:absolute;display:none;top:0;right:0;width:40%;padding:1rem solid;background-color:#161616}nav.active{display:block}nav a{display:block;font-size:2rem;margin:3rem 0}nav a:hover,nav.active{padding:1rem;border-radius:.5rem}}.home{min-height:100vh;padding:5rem 9%;display:flex;justify-content:center;align-items:center;gap:8rem;background-color:#000}.home-img{border-radius:50%}.home-img img{position:relative;width:15vw;border-radius:50%;box-shadow:5px 5px 25px solid #bbb656;cursor:pointer}.home-content h1{font-size:6rem;font-weight:700;line-height:1.3}.home-content span{color:#bbb656}.home-content p{margin-top:1.5rem;font-size:2rem}.home-stats{display:flex;flex-direction:row;gap:3rem;padding-top:10rem}.home-stats h3{font-size:2.3rem}@media (max-width: 1000px){.home{gap:4rem}}@media (max-width: 995px){.home{flex-direction:column;margin:5rem 4rem}.home-stats h3{font-size:1.7rem}.home-content h1{font-size:5rem}.home-img img{width:40vw;margin-top:4rem}}.projects{min-height:100vh;padding:0rem 9%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8rem;background-color:#000}.projects h1{font-size:4.5rem;font-weight:700}.projects .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem}.projects .projects-card{border:solid 1.5px white;height:45vh;border-radius:5px;width:30vw;position:relative}.cards-logo{margin-top:2.5rem;margin-left:3rem}.cards-logo img{position:relative;width:7vw;border-radius:50%;z-index:1}.cards-logo .logo-line{background:#fff;height:2px;opacity:.2;position:relative;top:-5rem;left:-3rem;z-index:0;width:107%}.cards-content{margin-left:2.5rem;width:90%}.cards-content h1{font-size:3rem;letter-spacing:1px}.cards-content p{font-size:1.5rem;position:absolute;width:80%}.cards-footer{display:flex;flex-direction:row;width:100%;padding:10.5rem 40rem;gap:10px}.cards-footer i{cursor:pointer;transition:.2s}.cards-footer i:hover{opacity:.5}.cards-languages{display:flex;flex-direction:row;gap:5px;position:absolute;right:0;margin-top:1rem;margin-right:1rem}.cards-languages button{height:3rem;min-width:7.8rem;border-radius:4px;background:#bbb656;color:#000;font-weight:700}.cards-languages button i{margin-right:5px}@media (max-width: 995px){.projects .projects-grid{display:flex;flex-direction:column}}.skills{min-height:100vh;padding:5rem 9%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8rem;background-color:#000}.skills h1{font-size:4.5rem;font-weight:700}.skills .skills-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2.5rem}.skills-card{border:solid 1.5px white;height:70vh;width:20vw;border-radius:5px;overflow:hidden}.skills-img{background-color:#bbb656;height:80px;width:80px;border-radius:4rem;font-size:5rem;margin-left:2rem;margin-top:2rem;display:flex;justify-content:center;align-items:center}.skills-img i{position:relative;top:10%}.skills-content h1{padding-top:2rem;padding-left:2rem;font-size:2rem}.skills-content h4{padding-top:1.5rem;padding-left:2rem;font-size:1.5rem}.skills-content p{padding-top:2rem;padding-left:2rem;font-size:1.2rem;width:85%}.skills-content hr{background:#fff;height:1px;width:67%;margin-left:1.5rem}.skills-content img{height:40px;width:40px}.skills-icons{display:flex;flex-direction:row;margin-left:2rem;margin-top:2rem;gap:10px}.skills-more{margin-top:24%;margin-left:60%;transition-duration:.2s;cursor:pointer}.skills-more:hover{color:#bbb565}.skillsBar{visibility:visible;background-color:#1a1a1a;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;height:90vh;width:90vw;top:5vh;left:5vw;border-radius:5px}.skillsBar .fa-solid{position:fixed;right:5vw;top:8vh;font-size:2.5rem;cursor:pointer}.skillsBar h1{position:fixed;top:5%;font-size:4rem}.skillsBar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5rem;font-family:Nunito}.circlechart{font-family:Nunito!important;font-weight:600}.progressCard{display:flex;flex-direction:column;align-items:center}.progressCard h2{font-size:18px;letter-spacing:.5px;margin-top:10px}.circle-chart{width:150px;height:150px}.circle-chart__circle{stroke:#00acc1;stroke-width:2;stroke-linecap:square;fill:none;animation:circle-chart-fill 2s reverse;transform:rotate(-90deg);transform-origin:center}.circle-chart__circle--negative{transform:rotate(-90deg) scaleY(-1)}.circle-chart__background{stroke:#efefef;stroke-width:2;fill:none}.circle-chart__info{animation:circle-chart-appear 2s forwards;opacity:0;transform:translateY(.3em)}.circle-chart__percent{alignment-baseline:central;text-anchor:middle;font-size:8px;color:#fff}.circle-chart__subline{alignment-baseline:central;text-anchor:middle;font-size:3px}.success-stroke{stroke:#00c851}.warning-stroke{stroke:#fb3}.danger-stroke{stroke:#f44}@keyframes circle-chart-fill{to{stroke-dasharray:0 100}}@keyframes circle-chart-appear{to{opacity:1;transform:translateY(0)}}.experience{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.ex-row{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;padding:35px 10%}.experience h1{display:flex;flex-direction:row;font-size:4.5rem}.col header.title{font-family:helvetica;color:#bbb656;position:relative;padding:0 0 20px 30px;font-size:1.5rem}.col .contents{padding:0 30px;border-left:2px solid #bababa}.col .contents .box{position:relative;padding:20px;border:1px solid #eaeaea;background-color:#000;cursor:pointer;margin-bottom:20px;border-radius:4px}.col .contents .box:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;right:calc(100% + 22px);top:0;background-color:#bbb656;border:2px solid black}.box h4{position:relative;color:#bbb656}.box h3{font-size:19px;padding:10px 0 6px;font-family:helvetica}.box p{line-height:1.2;font-size:17px}.contact{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact h1{font-size:4.5rem;font-weight:700}.contact-icons{margin-top:5rem;display:flex;flex-direction:row;gap:3rem;font-size:3rem}.contact-form{margin-top:5rem;display:flex;flex-direction:column;align-items:center;gap:15px;width:20rem}.contact-input{background:#222;color:#fff;width:55rem;height:50px;padding-left:10px;border-radius:4px;font-family:Poppins}::placeholder{color:#ddd;font-family:Poppins}.submit{height:50px;width:15rem;border-radius:4px;background-color:#bbb656;color:#000;font-family:Poppins;font-weight:800}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none}body{font-family:Poppins}