body {
    background-image: url(../assets/contactbg.png);
}

.about:hover, .home:hover, .store:hover, .cart:hover {
    transform: translateY(-5px);
}

.about {
    grid-row: 1 / span 1;
    grid-column: 6 / span 1;
}

.home {
    grid-row: 1 / span 1;
    grid-column: 3 / span 1;
}

.store {
    grid-row: 1 / span 1;
    grid-column: 4 / span 1;
}

.cart {
    grid-row: 1 / span 1;
    grid-column: 5 / span 1;
}

.form {
    display: grid;
    grid-row: 2 / span 6;
    grid-column: 3 / span 4;
    grid-template-rows: repeat(6,1fr);
    grid-template-columns: repeat(4, 1fr);
}

.firstname input, .lastname input, .email input, .message textarea, .submitbutton button {
    border: solid white 2px;
    font-size: 18px;
    border-radius: 10px;
    background-color: black;
    color: white;
    font-family: "Inconsolata", monospace;
}

.firstname {
    margin: 4%;
    grid-row: 1 / span 1;
    grid-column: 1 / span 2;
}
.firstname input {
    margin-top: 5%;
    width: 100%;
    height: 60%;
}

.lastname {
    margin: 4%;
    grid-row: 1 / span 1;
    grid-column: 3 / span 2;
}
.lastname input {
    margin-top: 5%;
    width: 100%;
    height: 60%;
}

.email {
    margin: 2%;
    grid-row: 2 / span 1;
    grid-column: 1 / span 4;
}
.email input {
    margin-top: 2.5%;
    width: 100%;
    height: 60%;
}

.message {
    margin: 2%;
    grid-row: 3 / span 3;
    grid-column: 1 / span 4;
}
.message textarea {
    margin-top: 2.5%;
    width: 100%;
    height: 60%;
}

.submitbutton {
    margin: 4%;
    grid-row: 5 / span 1;
    grid-column: 2 / span 2;
}
.submitbutton button {
    margin-top: 5%;
    width: 100%;
    height: 60%;
    font-family: "Lora",serif;
}

.submitbutton button:hover {
    cursor: pointer;
}

b {
    color: red;
}

p {
    color: white;
}

textarea {
    text-align: left;
    resize: none;
    overflow: auto;
}