* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body {
    
}

.diagonal {
    clip-path: polygon(68% 0, 100% 0, 100% 100%, 0 100%);
    height: 1000px;
    background: #f87c56;
}

.content{
    position: absolute;
    top: 2%;
    right: 50%;
    transform: translateX(50%);
    background: #f4f4f4;
    width: 500px;
    max-width: 100%;
    padding: 20px;
    border-radius: 20px;
}

form{
    width: 500px;
    margin: auto;
    max-width: 100%;

}


form input {
    display: block;
    width: 100%;
    margin: 10px 0px;
    padding: 7px;
}

form select {
    display: block;
    width: 100%;
    margin: 10px 0px;
    padding: 7px;
}

.submit{
    background: #f87c56;
    border: none;
}