@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Regular.ttf");
}

h1 {
    font-family: Roboto;
    font-weight: 500;
    text-align: center;
    margin-top: 5%;
}

a {
    text-decoration: none;
    color: rgb(76, 45, 190);
}

a:hover{
    text-decoration: none;
    color: rgb(44, 6, 182);
    transition: 0.3s;
}

h3, h4 {
    font-family: Roboto;
    font-weight: 300;

}
h3 {
    font-size: 24px;
    display: inline-block;
}

.docs {
    background: rgb(72, 144, 238);
    color: rgb(227, 236, 228);
    width: 200;
    height: 50px;
    font-family: Roboto;
    font-size: 18px;
    border-radius: 24px 0px 24px 0px;
    border-width: 1px;
    border-color: aliceblue;
}

.docs:hover {
    background: rgb(47, 47, 238);
    transition: 0.5s;
}

.container {
    text-align: center;
}

.accordion-list {
  display: none; 
}

.accordion-list.show {
  display: block; 
}
ul, ol {
    list-style-type: none;
}
li {
    font-size: 20px;
    padding-top: 5px;
    
}
ul li {
    text-align: left;
    padding-left: 35%;
}

h3:hover {
    background-color: rgb(240, 225, 94) ;
    transition: 0.3s;
    display: inline-block;
    cursor: pointer;
}

h4 {
        display: inline-block;
}

h4:hover {
    display: inline-block;
    background-color: rgb(240, 225, 94) ;
    transition: 0.3s;
}
.li_links {
    padding-left: 43%;
}