.welcome{height:100vh;background-color:rgba(20,16,22,.5)}.conclusion,.projects{flex-direction:column}.allsides-4{background:linear-gradient(currentColor 0 0) var(--p,100%) 0,linear-gradient(currentColor 0 0) 0 var(--d,0),linear-gradient(currentColor 0 0) var(--d,0) 100%,linear-gradient(currentColor 0 0) 100% var(--p,100%);background-size:var(--d,0) 3px,3px var(--d,0);background-repeat:no-repeat;transition:.5s,background-position 0s .5s}.allsides-4:hover{--d:100%;--p:0%}.footer{display:flex;height:170px;border-top-width:2px;border-color:rgba(187,134,255,.5);background-color:rgba(20,16,22,.5)}@media (min-width:1100px){.footer{height:200px}}.logo-icon{opacity:.8;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.logo-icon:hover{opacity:1}.about{margin-top:.25rem;flex-direction:column;border-top-width:2px;border-color:rgba(213,134,255,.5)}.skill-icon{fill:#bb86ff;opacity:.5;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.skill-icon:hover{fill:#d586ff;opacity:1}.basic-3{background:linear-gradient(currentColor 0 0) bottom /var(--d,0) 1px no-repeat;transition:.5s}.basic-4{background:linear-gradient(currentColor 0 0) bottom /var(--d,100%) 1px no-repeat;transition:.5s}