@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&family=Raleway:wght@300;400;600;700&display=swap";:root{--primary-1: #4743ff;--primary-2: #9390ff;--text-color-1: #fafafa;--hover-color-1: #ececec;--danger-color: #ff0000}*{box-sizing:border-box;padding:0;margin:0;font-family:Raleway,sans-serif;color:var(--text-color-1)}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Montserrat,serif;font-weight:700}body{background-color:#1d1d1d}a{text-decoration:none;transition:transform .2s}.container{max-width:1200px;min-width:0;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column}section.secondary{background-color:var(--primary-1)}.container>.title{padding:2rem}.navbar{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1rem}.navbar-sub{display:flex;align-items:center;gap:2rem}a,.interactive{position:relative;cursor:pointer}a:before,.interactive:before{content:"";position:absolute;bottom:-2px;right:0;width:0;height:2px;background-color:var(--primary-1);transition:width .5s cubic-bezier(.25,1,.5,1)}a:hover:before,.interactive:hover:before{left:0;right:auto;width:100%}a.secondary:before,.interactive.secondary:before{background-color:var(--text-color-1)}.nav-logo{height:3rem}.skill-card{background-color:#1d1d1d;border:2px solid #7d7d7d;border-radius:.5rem;padding:1rem;width:20rem;height:30rem;justify-content:center;align-items:center;flex-shrink:0;position:sticky;display:flex;flex-direction:column;scroll-snap-align:center;gap:2rem}.skill-info{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.skill-info>p{font-size:.8rem}.skill-info>.description{line-height:1.2rem}.nopointer{pointer-events:none}.CTA-btn{border-radius:.5rem;color:var(--primary-1);background-color:var(--text-color-1);outline:none;border:none;padding:.5rem 1rem;width:max-content;font-size:1.5rem;font-weight:700;cursor:pointer;transition:transform .2s;opacity:.8;pointer-events:none}@media screen and (max-width: 768px){.navbar-sub.nav-contact{display:none}.skill-card{width:85%;max-width:18rem}}