* {
    padding: 0;
    margin: 0;
}

.loading-overlay{
    
    position: relative;
    top: -56px;
    overflow-x: hidden;
    overflow-y: hidden;
    /* overflow: hidden; */

}



.loader {
    /* overflow:auto; */
    width: 100vw; 
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;
    /* border: solid 2px red; */

}


.logo {
  fill: none;
  color: #754821;
  stroke-dasharray: 20px;
 /*<-- Play with this number until it look cool */
  stroke: #754821;
  animation: load 15s infinite linear;
}

.loading-hidden {
  display: none;
}

@keyframes load {
  0% {
    stroke-dashoffset: 0px;
  }

  100% {
    stroke-dashoffset: 200px;

  }
}