.contact>div>div>a,.contact>div>div>a>div{border-radius:1rem}.contact>div>div>a>div{background-color:#ffffff0d;box-shadow:inset 0 0 3px var(--clr-1);color:var(--bs-light);transition:all ease .3s}.contact>div>div>a>div:hover{background-color:var(--clr-1)}.contact>div>div>div .bi:before{transition:all ease .3s}.contact>div>div>div:hover .bi:before{transform:scale(1.2)}.contact-form{padding:1rem;background-color:#ffffff1a;border-radius:1rem}.contact-form input,.contact-form textarea{border:none;border-bottom:1px solid var(--clr-1);border-radius:0;background-color:transparent}.contact-form .btn{background-color:var(--clr-1);border-radius:0;padding:.5rem 1rem;color:var(--bs-light);text-transform:uppercase;font-weight:700}.contact-form .btn:hover{background-color:var(--clr-4)}.social a{color:var(--clr-1);transition:transform ease .3s}.social a:hover{color:var(--clr-4);transform:scale(1.5)}hr{height:10px;position:relative;opacity:1;color:#ffffff40;transform:scaleY(-1)}hr:before{position:absolute;content:"";top:0;left:0;height:8px;width:8px;border-radius:50rem;background:var(--clr-4-pale);animation:move-right linear var(--hr-time) infinite}hr:after{position:absolute;content:"";top:0;left:0;height:8px;width:8px;border-radius:50rem;background:var(--clr-1);animation:move-right linear var(--hr-time) infinite calc(var(--hr-time)/2 * -1)}@keyframes move-right{0%{left:0}to{left:100%}}
