*{
        box-sizing: inherit  !important;
    }

    body  {
        transition: all .2s ease-in-out;
        min-height: 100vh;
        font-family: Montserrat, sans-serif;
        background-image: linear-gradient(360deg, var(--colorBgDark) 0%, var(--colorBgLight) 82%);
        color: var(--colorForeground);
        letter-spacing: .4rem;
        margin: 0 0 0 -10px !important;
    }

    .contentWrapper{ 
        position: relative;
        top: 0;
        left: 0;
    }

    .boat-canvas{
        margin-top: 10%;
    }

    a{
        color: var(--colorForeground);
        font-weight: bold;
    }

    .title{
        max-width: 100%;
        margin-top:2%;
        margin-bottom:3%;
        text-align: center;
    }

    .borderedCol{
        border-left: 3px solid var(--colorForeground);
    }

    .lighter{
        -webkit-filter: brightness(150%); 
    }

    .loadingIcon svg {
        color: var(--colorForeground);
    }

    .loadingIcon{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        width: 100%;
        background: none;
        background-color: #598890;
        opacity: 1;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        transition: opacity 0.3s linear;
    }

    .outerWrapper{
        overflow: hidden;
        height: 95vh;
        transition: all 1s ease-in-out;
    }

    .centercontent{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }

    .centeredcontent{
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    
.accept-button{
    margin: 5%;
    width: 40%;
    background-color: rgba(47, 79, 64, 0.5);
  }
  
  .reject-button{  
    margin: 5%;
    width: 40%;
    background-color: rgb(69, 19, 19, 0.5);
  }
  
  .accept-button:hover{
    background-color: rgba(47, 79, 64);
  }
  
  .reject-button:hover{  
    background-color: rgb(69, 19, 19);
  }

  .ls-05{
    letter-spacing: 0.5px;
  }

  .toprightinfopill{
    position: absolute;
    top: 10vh;
    font-size: .8rem;
    letter-spacing: 2px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    right: 2vw;
    background-color: rgb(0, 62, 61, 0.7);
    border-radius: 20px;
    cursor: pointer;
    animation: pulse 3s infinite;
    display: none;
  }
  .toprightinfopill:hover{ 
    background-color: rgb(0, 62, 61);
    animation: none;
  }

  @media screen and (max-width: 768px) {

    .toprightinfopill{
 
        position: absolute;
        top: 10vh;
        font-size: .7rem;
        letter-spacing: 2px;
        padding: 10px;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 70vw;
        left: calc(50% - 40vw);

        background-color: rgb(0, 62, 61, 0.7);
        border-radius: 20px;
        cursor: pointer;
        animation: pulse 3s infinite;
        display: none;
      }
  }