@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

body{
    font-family: 'Lato', sans-serif;
}
:root{
    --theme-font:'Lato', sans-serif;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: #000;
}
.menu{
    padding-top: 50px;;
}
.menu i{
    opacity: 0;
    margin: 0 15px;
    font-size: 18px;
}
.menu ul li a:hover i{
    opacity: 1;
}
.menu ul li a{
    color: gray;
}
.menu ul li a:hover{
    color: #000;
}
.menu ul li{
    margin: 20px 0;
    font-size: 22px;
    font-family: var(--theme-font);
}
.pages{
    padding-top: 50px;
}
.title h2{
    position: relative;
    padding-bottom: 15px;
    font-size: 25px;
    font-family: var(--theme-font);
}
.title h2:before{
    content: '';
    border: 2px solid;
    position: absolute;
    bottom: 0;
    width: 5%;
}
.sub-title{
    padding-top: 15px;
}
.sub-title p{
    color: gray;
    font-size: 18px;
    font-family: var(--theme-font);
}
.content  li{
    list-style: dotted;
    margin: 20px 0;
}
.content h3{
    font-size: 22px;
    font-family: var(--theme-font);
    font-weight: 700;
}
.content p{
    font-size: 18px;
    font-family: var(--theme-font);
}
.content ul li{
    font-size: 18px;
    font-family: var(--theme-font);
}
.content span{
    font-family: var(--theme-font);
    font-weight: 800;
}