#psec {
    margin-top: 10svh;
    padding-top: 5svh;
    min-height: 85svh;
    background-color: var(--Color1);
}

#select {
    h1 {
        max-width: 20rem;

    }
}

h1 {
    font-size: 2rem;
    text-align: center;
}

#partscontainer {
    background-color: var(--Color2);
    width: 25.4rem;
    height: 40.4rem;
    max-width: 94svw;
    border-radius: 1rem;
    border: 0.2rem solid var(--Color2);
    margin-left: 50%;
    margin-top: 37.5svh;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
}

.backbutton {
    transition: 0.3s;
    background-color: var(--Color2);
    width: 4rem;

    img {
        width: 100%;
        height: fit-content;
    }

    position: absolute;
}
.backbutton:hover {
    background-color: var(--Color3);
}
.contactformpart {
    display: grid;
    place-items: center;
    border: 0.2rem solid var(--Color1);
    border-radius: 0.8rem;
    height: 40rem;
    width: 25rem;
    max-width: calc(94svw - 0.4rem);
    background-color: var(--Color2);
    transition: 0.3s;



    h2 {
        text-align: center;
    }

    a {
        text-decoration: none;
        transition: 0.3s;
        color: var(--Color3);
    }

    a:hover {
        text-shadow: 0dvh 0dvw 0.3dvw var(--Color3);
    }

    position: absolute;
}

#email {
    #h21 {
        margin-top: 20%;
    }

    #h22 {
        margin-bottom: 20%;
    }
}

.prevPart {
    opacity: 0.5;
    transform: translate(-130%, 0);

    button {
        cursor: not-allowed;
        border: 0.1rem solid rgba(255, 215, 0, 0.5)
    }

    button:hover {
        color: var(--Color2)
    }
}

.actPart {
    transform: translate(0, 0);
}

.nextPart {
    transform: translate(130%, 0);
    opacity: 0;
}

button {
    margin-top: 0.5rem;
    border: 0.1rem solid var(--Color3);
    border-radius: 0.5rem;
    font-size: 1.7rem;
    background-color: var(--Color1);
    color: var(--Color2);
    width: 15rem;
    transition: 0.3s;
    cursor: pointer;
}

button:hover {
    color: var(--Color3);
}

#optionscont {
    align-items: center;
}

@media all and (orientation: portrait) {
    #partscontainer {
        max-height: 50svh;
    }

    .contactformpart {
        max-height: calc(50svh - 0.4rem);
    }

    .backbutton {
        top: 100%;
    }
}

@media all and (orientation: landscape) {
    .contactformpart {
        max-height: calc(80svh - 0.4rem);
    }

    #headercont {
        top: 0;
    }

    #partscontainer {
        max-height: 80svh;
    }
    .backbutton{
    margin-left: calc(-100% - 4.6rem);
}}

#optionscont {
    justify-content: space-evenly;
    display: flex;
    flex-direction: column;
}