#skill,#github-profile,#project,#contact{position:absolute;top:-4rem}main .skills h3{font-size:1.5rem;text-align:center;margin-bottom:1rem}main .github-profile h3{font-size:1.5rem;text-align:center;margin-bottom:1rem}main .projects h3{font-size:1.5rem;text-align:center;margin-bottom:1rem}.skills{background-color:var(--bg2)}.skills div{overflow:hidden}.skills p{opacity:.9;font-size:1.25rem;white-space:nowrap;will-change:transform;animation:marquee 40s alternate linear infinite;width:-moz-fit-content;width:fit-content;margin:.5rem 1rem}.skills p:nth-child(2n){animation-direction:alternate-reverse}.skills span{margin:0 .8rem}.github-profile a{display:inline-block}.github-profile a img{transition:.3s}.github-profile .content{display:flex;flex-wrap:wrap;justify-content:center}.github-profile .content .avatar{position:relative;margin:2rem 1rem}.github-profile .content .avatar{border-radius:50%;width:150px;height:150px}.github-profile .content .avatar img{border-radius:50%;width:150px;height:150px}.github-profile .content .avatar img{object-fit:cover;border-right:solid 2px var(--danger)}.github-profile .content .avatar:hover img{transform:scale(1.05)}.github-profile .content .avatar:before{content:"";position:absolute;transform:rotate(-20deg);border-radius:50%;width:75%;height:120%;top:-9%;left:6%}.github-profile .content .avatar:after{content:"";position:absolute;transform:rotate(-20deg);border-radius:50%;width:75%;height:120%;top:-9%;left:6%}.github-profile .content .avatar:before{z-index:-1;box-shadow:1px 1px 8px var(--info)}.github-profile .content .avatar:after{border-left:solid 2px var(--danger)}.github-profile .content .stats{display:flex;flex-direction:column}.github-profile .content .stats img{object-fit:contain;max-width:100%}.github-profile .content .stats a:hover img{transform:scale(1.05)}.projects{background-color:var(--bg2)}.projects article{font-size:.8rem}@media only screen and (min-width:600px){.projects article{font-size:1rem}}.projects article:not(:last-child){margin-bottom:4rem}.projects article p{display:flex;text-align:center;gap:1rem}.projects article p .index{border-top:1px solid var(--fg);padding:.3rem}.projects article p .date{border-top:1px solid var(--fg);padding:.3rem}.projects article p .index{flex-basis:30%}.projects article p .date{flex-grow:1}.projects article h4{font-size:2.4em;font-weight:400;margin:.5rem 0 1rem}.projects article .body{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-around;align-items:center}.projects article .image{flex-grow:1;height:100%}.projects article .image img{display:block;object-fit:contain;width:100%;max-width:700px;height:auto;margin:auto}.projects article .content{width:100%;max-width:360px}.projects article .buttons{display:flex;justify-content:space-between}.projects article .buttons .cool-button{align-self:self-end}.projects article .buttons .eye-button{margin-bottom:2rem}.projects article .techs{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.contact{max-width:880px;margin:auto}.contact h4{opacity:.6;font-size:1rem;font-weight:400}.contact h3{font-size:1.5rem;margin:.3rem 0 .6rem}.contact form{display:flex;flex-direction:column;align-items:start}.contact form div{align-self:stretch;justify-content:space-between;display:flex;flex-wrap:wrap}.contact label{line-height:2rem}.contact textarea{line-height:2rem}.contact input{color:var(--fg);font-size:1rem;border-bottom:1px solid;background:0 0}.contact input::placeholder{color:rgba(var(--fg-rgb),.6)}.contact textarea{color:var(--fg);font-size:1rem;border-bottom:1px solid;background:0 0}.contact textarea::placeholder{color:rgba(var(--fg-rgb),.6)}.contact label{width:100%;padding-bottom:.1rem}.contact input{width:100%;padding-bottom:.1rem}.contact textarea{width:100%;padding-bottom:.1rem}.contact textarea{field-sizing:content;resize:none;min-height:6rem;margin-top:1.5rem}.contact button{margin-top:1rem}@media only screen and (min-width:768px){.contact label{width:initial}.contact input{field-sizing:content;width:initial;min-width:13rem;max-width:18rem;margin:0 .5rem}}@keyframes marquee{to{transform:translateX(calc(-100% + min(100vw,var(--container-max-width)) - 4rem))}}