@font-face {
    font-family: "bfont";
    src: url("../fonts/Bree CYR var Regular.ttf");
}
@font-face {
    font-family: "standart";
    src: url("../fonts/line.ttf");
}

.but{
    width: 100%;
    margin:0;
    
    text-align:center;
    height:13.14285%;
    font-size:44pt;
    border-width:0;
    padding:0;
    background-color: rgba(58,182,84,0.5    );
        font-family: "bfont",bold;
    color:rgb(0, 56, 10);
}
body{
    padding:0;
    margin:0;
    background-color: rgb(245, 255, 245);
    background-size: 100%;
    padding-top:0.3%;

}
h1{
    color:rgb(0, 60, 10);
}
.less{
    width: 100%;
    min-height: 10%;
    background-color: rgba(255, 255, 255, 0.8);
    margin:0;
    border-top:solid rgb(63, 63, 63) 1.5px;
    float:left;
    display: block;
}
.name{
    margin:0;
    margin-left:5%;
    font-size:52pt;
    padding:2%;
    float:left;

}
#lessons{
    
}
#left_menu{
    top:35%;
    background-color: rgb(190,255,190);
    width:3.5%;
    position:fixed;
    border-radius:50px;
    margin:0.7%;
    margin-left:1%;
    box-shadow:1px 1px 3px rgb(220,220,220);
    padding-bottom:1%;
    padding-top:0.5%;

}
#main{
    margin-left:3%;
    width:96.5%;
    padding-top:6%;
}
#header{

    padding:0%;
    height: 5.4%;
    padding-top:0.3%;
    padding-top:0.3%;
    position: fixed;
    width:90%;
    border-radius:50px;
    margin:0.6%;
    margin-left:5%;




}
.inf{
    font-size:40pt;
    text-align:left;
    float:right;
    margin: 2%;
}
#cls{
    font-size:80pt;
    text-align:left;
    margin:3%;
    float:left;
}
#current{
    background-color: rgb(188, 255, 181);
}
body{
    font-family: "standart";
    max-width:100%;
}


}
#info{
    height:15%;
    padding: 2%;
    padding-top:20% ;
}
#sheduleFile{
    margin-top:20%;
    height: 10%;
    font-size:15pt;
    
}


#lessns{
    width:20%;
    float:left;
    margin-left:9%;
    margin-left:0;
    margin-bottom:3%;


}
.lesnNum{
    float:left;
    margin:0;
    margin-right:5%;
    color:rgb(100,150,100);
}
#lessn .lesnName{
    white-space:nowrap;
    float:left;
    margin:0;
    width:70%;
    overflow:hidden;
    text-overflow:ellipsis;
    display: relative;
    font-size:13pt;

}

#lessn{
    width:100%;
    height:3.5%;
    border-bottom:rgb(200,200,200) solid 1px;
    padding:1%;
}
#list{
    border-radius:10px;
    box-shadow:1px 1px 3px rgb(220,220,220);
    background-color:white;;
    padding:5%;
    padding-bottom:6%;
    width:auto;
}
#bells{
    float:left;
    width:7%;
    margin-top:0.5%;
    box-shadow:1px 1px 3px rgb(220,220,220);
    border-radius:25px;
    border:solid 1px rgb(250,255,250);
    color:rgb(150,150,150);
    background:linear-gradient(90deg,rgb(190,255,190) 0%,rgb(190,255,190) 13%,rgb(250,255,250) 13%,rgb(250,255,250) 100%);
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    padding-left:1%;
    padding-top:0.8%;

    border-right:none ;
    margin-right:-7%;
    margin-left:9%;
    transition:0.3s;

    cursor:pointer;
}
#bells:hover{
    margin-right:0;
    margin-left:2%;
}
.bell{
    width:90%;
    float:left;
    margin:0;

    padding:1.2%;

    height:4%;
    text-align:right;
}
#choose{
    position:absolute;
    left:42%;
    top:10%;
    border-radius:15px;
    width:7%;
    background-color: rgb(190,255,190);
    padding:0.3%;
    box-shadow:2px 2px 2px rgb(220,220,220);
    z-index:999999;

}
.but{
    border-radius:10px;
    width:94%;
    float:left;
    margin:0;
    background-color: rgb(190,255,190);
    color:rgb(0, 60, 10);
    text-align:center;
    padding:1%;
    font-size:17pt;
    margin:2%;
    font-family: "standart";
    cursor:pointer;
    color:rgb(30, 140, 30);
}
.but:hover{
    background-color: rgb(230,255,230);

}



#school{
    position:fixed;
    left:11%;
    top:0.5%;
    background-color:rgb(190,255,190);
    padding:0.725%;
    box-shadow:1px 1px 2px rgb(220,220,220);
    border-radius:30px;
    width:16%;
    text-align:center;
    color:rgb(0, 60, 10);

}
.header-elem{
    background-color:rgb(190,255,190);
    box-shadow:1px 1px 2px rgb(220,220,220);
    text-align:center;
    color:rgb(30, 140, 30);
    float:left;
    border-radius:30px;
    height:115%;
    margin:0;
    margin-left:1%;
    padding:0.2%;
    padding-left:1%;
    padding-right:1%;
    padding-top:0.4%;

}
.header-elem:hover{
    background-color:rgba(200,255,200);
    cursor:pointer;

}
.header-elem h1{
    padding:0;
    margin:0
}
.arrow:hover{
    color:rgb(100,200,100);
}