* {
    margin: 0px;
    padding: 0px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
} 

#logo{
    height: 15vw;
    width: auto;
    cursor: pointer;
    transition: .25s;
}
#logo:hover{
    transform: scale(.97, .97);
}

#header{
    background-color: rgb(250, 250, 250);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px;
}

.navbar{
    transition: .25s;
}

.navitem{
    width: 60%;
    color: rgb(20, 20, 20);
    text-decoration: none;
    margin-right: 15px;
    transition: .25s;
}
.navitem:hover{
    color: rgb(40, 40, 40);
    transform: scale(.97, .97);
}
.navitem a{
    text-decoration: none;
    color: rgb(20, 20, 20);
}
.navitem a:hover{
    color: rgb(40, 40, 40);
    transform: scale(.97, .97);
}

#main_content{ 
    min-height: 100vh;
    padding: 0px;
    background-image: url("../images/fundo_1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.boxshadow1{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.collapse_item{
    color: black;
    text-decoration: none;
}

#chatdiv {
    position: fixed;
    right: 20px;
    bottom: 20px;
}

#chatbtn {
    background-color: green;
    width: fit-content;
    height: 45px;
    transition: .25s;
}
#chatbtn:hover {
    filter: brightness(1.25);
    transform: scale(1.05);
} 

.app-btn {
    text-decoration: none;
    color: rgb(40, 40, 40);
    cursor: pointer;
    transition: .25s;
}

.app-btn:hover {
    filter: brightness(1.25);
    transform: scale(1.1)
}