@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");:root{--color-scheme:teal}body,html{scroll-behavior:smooth;scroll-padding-top:2rem}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{border-radius:5px;background-color:#a9a9a9;outline:1px solid #708090}.section-heading{font-size:34px;font-weight:1000;text-transform:uppercase}.section-heading:before{background-color:var(--color-scheme);border-radius:.25rem;content:"";display:block;height:5px;width:50px;margin-bottom:10px}.skillItem{aspect-ratio:1;border:1px solid rgba(0,0,0,.2);border-radius:5px;transition:.3s ease-out}.skillItem:hover{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:1px 2px 3px rgba(0,0,0,.2);transform:scale(1.1)}