body{

    background-color: black;

    display: flex;

    justify-content: center;

}





#pr{

    position: relative;

    width: 80%;



    position: relative;

    color:white;

    display: flex;

    flex-direction: column;

    height: fit-content;

    overflow-y: hidden;   

    overflow-x: scroll;   



    border-bottom: 2px solid #323232;

    border-top: 2px solid #323232;

    padding-bottom: 6px;

}



#pr::-webkit-scrollbar {

    background: black;

    

}



#pr::-webkit-scrollbar-thumb {

    background: rgb(48, 48, 48);

    border-radius: 10px;

}



#pr::-webkit-scrollbar-thumb:hover {

    background: rgb(53, 53, 53);

}



#pr *{

    font-family: 'Saira Extra Condensed', sans-serif;

}



#pr hr{

    position: relative;

    background-color: gray;

}



#pr-top{

    padding: 3px;

    margin-bottom: 2px;

}



#pr-time{

    position: relative;

    margin-left: 80px;

    display: flex;

}



#pr-time span{

    font-size: 17px;

    font-weight: 700;

    margin-left: 0px;

	margin-right: 180px;

}



#pr-btm{

    display: flex;

}



#pr-days-labels{

    display: flex;

    flex-direction: column;

    border-top: 2px solid #323232;

}



#pr-days-labels span{

    height: 120px;

    width: 80px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    font-weight: 700;

    margin: 2px;

}



#pr-timetable{

    display: flex;

    flex-direction: column;

}

.len0{

    width: 160px;

}

.len1{

    width: 200px;

}



.len2{

    width: 300px;

}



.len3{

    width: 404px;

}



.len4{

    width: 500px;

}   



.len5{

    width: 620px;

}



.lenColor{

    background-color: #000000;

}



#pr-timetable-0{

    position: relative;

    display: flex;

    flex-direction: row;

    padding-top: 2px;

    border-top: 2px solid #323232;

}



#pr-timetable-0 div{

    background-color: #000000;

}



#pr-timetable-1{

    position: relative;

    display: flex;

    flex-direction: row;

    padding-top: 2px;

    border-top: 2px solid #323232;

}



#pr-timetable-1 div{

    background-color: #B84E03;

}



#pr-timetable-2{

    position: relative;

    display: flex;

    flex-direction: row;

}



#pr-timetable-2 div{

    background: #214777;

}



#pr-timetable-3{

    position: relative;

    display: flex;

    flex-direction: row;

}



#pr-timetable-3 div{

    background-color: #058F92;

}



.pr-timetable-el{

    position: relative;

    display: flex;

    flex-direction: column;

    max-height: 140px;

    height: 140px;

    margin:2px;

}



.pr-timetable-el span{

    margin-left: 5px;

}



.pr-who{

    font-weight: 800;

    font-size: 20px;

}



.pr-what{

    font-size: 17px;

}