body
{
    margin: 0px;
    padding: 0%;
    
    height: max-content;
    width: max-content;
}

input[type=submit]
{
    border: 1px solid black;
    background: none;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

input[type=button]
{
    border: 1px solid black;
    background: none;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

input[type=password]
{
    border: 1px solid black;
    background: none;
    border-radius: 10px;
    outline: none;
}


a
{
    color: black;

}

textarea
{
    background: none;
    border: 1px solid black;
    border-radius: 10px;
    outline: none;
    resize: none;
    overflow: auto;
}

.redbloc
{
    position: absolute;
    width: 25%;
    height: 100%;

    background: linear-gradient(90deg, aquamarine, cornflowerblue);
}

.redbloc p
{
    position: sticky;
    top: 100%;
    text-align: center;
}

.redbloc h1
{
    text-align: center;
}

.bluebloc
{
    border-left: solid 1px black;

    position: absolute;
    width: 75%;
    height: 100%;
    left: 25%;
    
    background: linear-gradient(90deg, cornflowerblue, mediumpurple);

    overflow-y: scroll;
    scrollbar-color: white black;
    scrollbar-width: auto;
}