@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;500&display=swap');
*{

    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.page{

    width: 1300px;
    height: 100%;
    margin: auto;
    padding: 0 30px 0 30px;
    position: relative;

}

.options{

    height: 150px;
    padding: 20px;
    position: relative;

}

#add-title-button{

    position: absolute;
    bottom: 20px;
    right: 20px;

}

.titles{

    table-layout:fixed;
    width:100%;
    height: 100%;
    border-collapse: collapse;
}

.titles-separator{

    height: 100px;

}


.titles td{

    padding: 20px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-align: center;

}


.title-atribute{

    border: none;

}

.title td{

    padding: 10px;

}

.title-img img{

    width: 100px;
    height: 100px;

}

#add-title{

    padding: 80px;
    width: 90%;

}

.select-div{

    margin-bottom: 10px;

}

label{

    margin-bottom: 10px;

}

.form input{

    margin-bottom: 10px;

}

#seasons{

    display: none;

}

#title-description-input{

    height: 16px;

}
.add-buttons{

    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 20px;

}