main {
    display: flex;
    padding: 40px 0 70px;
}

#container {
    width: 85%;
    max-width: 440px;
    margin: auto;
}

#container input,
#container select,
#container textarea {
    width: 100%;
}

#block1>.title {
    font-weight: bold;
    font-size: 34px;
    text-align: center;
    margin: 0 0 50px;
}

#container .item {
    align-items: center;
    margin: 10px 0;
}

#typeWrapper>.section2 {
    display: none;
}

#typeWrapper>.section3 {
    display: none;
}

#container .item>.title {
    margin: 0 0 5px;
}

#text {
    height: 200px;
    resize: none;
}

.error {
    color: red;
}

.commandWrapper {
    text-align: right;
}

#submit,
#toPortal {
    width: 100px;
    height: 30px;
    padding: 4px 10px;
    transition: .3s;
    color: #fff;
    background-image: linear-gradient(to right, #ffb15e, #d55d50, #ffb15e);
    background-size: 200%;
}

#submit:hover,
#toPortal:hover {
    background-position: right center;
}

#block2 {
    font-size: 15px;
    display: none;
}

#messageWrapper {
    margin: 0 0 50px;
}

#toPortal {
    width: 100px;
    height: 30px;
    padding: 4px 10px;
}