*{
    box-sizing: border-box;
    /* overflow: hidden; */
}

body{
    min-height:100vh;
    height:100vh;
    width:100%;
    padding:0;
    margin:0;
    font-family: "Century Gothic", sans-serif;;
    color:azure;
    text-align: left;
    
}
.navbar{
    height:20%;
    font-size: 50px;
    background-color: #1C1C1E;
    display:flex;
    align-items: center;
    padding-left:5vh;
    background-image: linear-gradient(rgba(204, 0, 255, 0.534), rgba(0, 217, 255, 0.74));
    /* box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.726); */
    
}
.buttons{
    height:80%;
    background: url("Assets\\Setup.jpg");
    background-size:cover ;
    display: flex;
    justify-content: center;
    align-items: center;
}

#whiteboard, #scrum, #dictophone, #summary, #events {
    border:0;
    background: none;
    display:block;
    font-size: 1.4rem;
    margin:20px auto;
    text-align:center;
    border:3px solid black;
    padding:14px 10px;
    width:220px;
    outline:none;
    color:rgb(255, 255, 255);
    border-radius:24px;
    transition:0.25px;
    cursor:pointer;
    text-decoration: none;
    /* box-shadow: 0 0.5rem 3rem rgb(0, 0, 0); */
    box-shadow: inset 0 0 0 0 rgba(204, 0, 255, 0.534);
    transition:ease-out 0.5s;
    /* transition: background-color 0.5s, color 0.5s linear; */
    /* transition: ease-out 0.4s; */
}



#whiteboard:hover, #scrum:hover, #dictophone:hover, #summary:hover,#events:hover {
    /* background-color: whitesmoke;
    color:black; */
    box-shadow: inset 0 220px 0 0 rgba(204, 0, 255, 0.534);
}

.logout-container{
    /* padding-right:10vw; */
    margin-left:50%;
}

#logout{
    border:0;
    background: none;
    display:block;
    font-size: 1.2rem;
    margin:70% auto;
    text-align:center;
    border:3px solid black;
    padding:14px 10px;
    width:220px;
    outline:none;
    color:rgb(255, 255, 255);
    border-radius:24px;
    transition:0.25px;
    cursor:pointer;
    text-decoration: none;
    box-shadow: 0 0.5rem 3rem rgb(0, 0, 0);
    transition: background-color 1s, color 1s;
}

#logout:hover{
    background-color: whitesmoke;
    color:black;
}