@import url(https://use.typekit.net/jmk3xov.css);body .my-button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:45px;cursor:pointer;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body .my-button:hover{background-color:#45a049}body .my-button:active{background-color:#0cbfe3;box-shadow:0 5px #666;transform:translateY(4px)}body .my-button1{background-color:#0cbfe3;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:45px;cursor:pointer;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;font-weight:400}body .my-button1:hover{background-color:#0fc1e5}body .my-button1:active{background-color:#10c2e6;box-shadow:0 5px #666;transform:translateY(4px)}body .my-button2{background-color:#d1e30a;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:45px;cursor:pointer}body .my-button2:hover{background-color:#d6e80e}body .my-button2:active{background-color:#d3e607;box-shadow:0 5px #666;transform:translateY(4px)}body .my-button3{background-color:#982e8c;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:45px;cursor:pointer}body .my-button3:hover{background-color:#a72f99}body .my-button3:active{background-color:#e035cc;box-shadow:0 5px #666;transform:translateY(4px)}body .my-button4{background-color:#ec8107;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:45px;cursor:pointer}body .my-button4:hover{background-color:#df7a08}body .my-button4:active{background-color:#e47f0c;box-shadow:0 5px #666;transform:translateY(4px)}canvas{position:fixed;top:0;left:0}:root{--spacing:350px;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif,sans-serif;font-weight:200;font-style:normal}main{width:50vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}blockquote,h1,h2,h3{font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif,sans-serif;font-weight:700;font-style:normal;background-color:#7fff00;color:#000}header{background-color:#000;background:var(--dark-bg);grid-column:2/span 5;font-size:2.5rem;padding:2rem;margin-bottom:var(--spacing)}section{grid-column:2/8;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing)}blockquote{margin:0;padding-left:50px;grid-column:2/span 9;margin-bottom:var(--spacing);background-color:#000;text-align:center}blockquote p{color:#fff;font-size:4rem;display:inline;line-height:1;background-color:#000}.left{grid-column:6/12}.button-container{display:flex;gap:10px;margin-bottom:30px;font-family:'Lucida Sans','Lucida Sans Regular','Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif}.button-container1{display:flex;gap:10px;margin-bottom:20px}.button-container2{display:flex;gap:10px;margin-bottom:20px}.button-container3{display:flex;gap:10px;margin-bottom:20px}.button-container4{display:flex;gap:10px;margin-bottom:20px}.project-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.projects-grid{display:flex;gap:20px}.project{flex:1;text-align:center}.project-image img{max-width:100%;height:auto}.skills-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.skills-grid{display:flex;gap:20px}.skills{flex:1;text-align:center}.skills-image img{max-width:100%;height:auto}#preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color:#000;display:flex;align-items:center;justify-content:center}.percentage{font-size:200px;font-weight:400px;color:#fff;animation:animatePercentage 3s linear forwards;opacity:0}@keyframes animatePercentage{0%{opacity:0}100%{opacity:1}}