@charset "UTF-8";header{margin:0;background-color:#1e1e20}header h1{margin:0;padding:.5rem;color:#f4b183}main{background-color:#1e1e20;min-height:100vh;font-family:Poppins,sans-serif}section{width:auto;min-height:50vh}.aboutme-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-height:75vh}.aboutme-container .item{order:2;margin:1rem;width:100%;text-align:center;color:#f4b183}.aboutme-container .item .title{margin:0;font-weight:300;font-size:3rem;line-height:1}.aboutme-container .item .subtitle{font-weight:200;line-height:1.5}@media (min-width: 774px){.aboutme-container .item{order:1;width:40%;text-align:left}.aboutme-container .item .title{margin:0;font-weight:300;font-size:5rem;line-height:1}.aboutme-container .item .subtitle{font-weight:200;line-height:1.5}}.aboutme-container figure{order:1}.aboutme-container figure .profile{width:300px;height:300px;box-shadow:0 0 100px 20px #ffd966;transition:box-shadow 1s ease-in-out;border:5px solid #f4b183;border-radius:50%;object-fit:cover;object-position:center 30%}.aboutme-container figure .profile:hover{box-shadow:none;transition:box-shadow 1s ease-in-out}@media (min-width: 774px){.aboutme-container figure .profile{order:2}}.contact-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;min-height:100vh}.contact-container h1{font-weight:300;font-size:3rem;color:#ffd966;margin:10px}.contact-container .envelope-icon{width:25px;height:25px;filter:invert(100%);margin:10px}.contact-container .contact{display:inline-flex;align-items:center}.experience-container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;min-height:75vh}.experience-container h1{font-weight:300;font-size:3rem;color:#ffd966}.experience-container .item{width:60%}.experience-container .item .accordion{color:#f4b183;cursor:pointer;padding:18px;width:100%;text-align:left;border:1px solid #ffd966;border-radius:0;outline:none;transition:.4s;font-size:1.3rem}.experience-container .item .active,.experience-container .item .accordion:hover{color:#fff;background-color:#ffd966}.experience-container .item .panel{padding:0 18px;border-left:1px solid #ffd966;border-right:1px solid #ffd966;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.experience-container .item .accordion:after{content:"➕";font-size:13px;color:#777;float:right;margin-left:5px}.experience-container .item .active:after{content:"➖"}.experience-container .item:last-child .panel{border-bottom:1px solid #ffd966}.projects-container{display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;min-height:75vh}.projects-container h1{font-weight:300;font-size:3rem;color:#ffd966}.projects-container h1 p{color:#ffd966}.projects-container .card{max-width:40rem;border-radius:10px;overflow:hidden;position:relative;margin:30px}.projects-container .card h1,.projects-container .card p{margin:10px}.projects-container .card .card-img{opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden}.projects-container .card .card-img-overlay{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.projects-container .card:hover{border:1px solid #f4b183}.projects-container .card:hover .card-img-overlay{opacity:1}.projects-container .card:hover .card-img{opacity:.05}.projects-container .card .link-icon{width:25px;height:25px;filter:invert(100%);cursor:pointer;margin:10px}.skills-root-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:75vh}.skills-root-container h1{font-weight:300;font-size:3rem;color:#ffd966}.skills-root-container h1 p{color:#ffd966}.skills-root-container .skills-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center}.skills-root-container .skills-container .item{width:120px;height:120px;background-color:#f4b18333;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:1rem;cursor:pointer}.skills-root-container .skills-container .item:hover{background-color:#ffd96680}.skills-root-container .skills-container .item img{width:70px;height:70px;object-fit:cover}:root{font-family:Poppins,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}