IliyanID/Portfolio-Website

View on GitHub
client/src/Components/ContactMe/ContactMe.css

Summary

Maintainability
Test Coverage
.contactForm{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align: center;

    opacity:0;
    animation: loadIn 1s;
    animation-fill-mode:forwards !important;
}
.input{
    background-color:var(--fontColor);
    cursor:default;
    color:black;
    margin:10px;
    padding:10px;
    width:70vw;
    max-width:700px;
    cursor:text;

    border-radius:5px;
}
.contactForm h3{
    color:var(--yellow);
    font-size:40px;
}
.contactForm p{
    color:var(--fontColor);
}
.Submit{
    color:var(--yellow)!important;
    padding:10px;
    width:calc(70vw + 20px);
    max-width:720px;
    border:2px solid var(--yellow);
    border-radius:5px;
    
    transition:background-color .3s;
}
    .Submit:hover{
        background-color:var(--tranYellow);
        cursor:pointer;
    }
.contactForm textarea{
    border-radius:5px;
    background-color:var(--fontColor);
    cursor:default;
    color:black;
    margin:10px;
    padding:10px;
    width:70vw;
    max-width:700px;

    height: 40vh;
    cursor:text;
}