@font-face {
    font-family: sukhumvit;
    src: url(assets/SukhumvitSet-Medium.ttf);
  }

:root {
    font-size: 1vw;
    --color1: #FFB7B7;
    --color2: #3f3d56;
    --color3: #c3001e;
    --color4: #3a0000;
  }

body{
    background-color: var(--color1);
    background-image: url(assets/Group_142x.png);
    background-repeat: no-repeat;
    background-size:cover;

  }

.btn-c3{
    color: white;
    background-color: var(--color3);
}

.container{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sukhumvit;
}

.nav{
    align-items: flex-end;
    justify-content: flex-end;
    display: flex;
}

.profile-img{
    border-radius: 50px;
    width: 5vw;
}

.head h1{
    font-size: 4rem;
    color: white;
}

.tictac {
    text-shadow: var(--color3) -0.4vw 0.1vw;
}

.throw{
    text-shadow: var(--color4) -0.4vw 0.1vw;
}

.btn-start{
     font-size: 2rem;
     padding:0.5vw 6vw 0.5vw 6vw;
     border-radius: 30px;
 }

#btnLogin{
     margin: 1vw;
     font-size: 2rem;
     border-radius: 30px;
     padding:0.5vw 2.5vw 0.5vw 2.5vw;
 }
 
 #btnLogout{
    margin: 1vw;
    font-size: 2rem;
    border-radius: 30px;
    padding:0.5vw 5.6vw 0.5vw 5.6vw;
}

nav{
    z-index: -2;
}

.compo{
    margin-top: 10vw;
}

#btnSignup{
    text-decoration: underline solid 0.14vw rgb(44, 96, 229);
    font-size: 1.2vw;
    color:rgb(44, 96, 229);
    cursor: pointer;
}
#btnLoginEmail{
    margin: 1vw;
    font-size: 1vw;
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
}
.my-custom-scrollbar {
    position: relative;
    height: 60vh;
    overflow: auto;
    }
.table-wrapper-scroll-y {
    display: block;
    }