*, *:hover, *:active, *:focus{
  outline: none;
}

@import '../node_modules/bulmaswatch/lumen/variables';
@import "../node_modules/bulma/bulma";
@import '../node_modules/bulmaswatch/lumen/overrides';

@import url('/fonts/fonts.css');

*, *:focus, *:active{
  outline: none;
}

body {
  background: #f5f5f5;
  min-height: 100vh;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Quicksand', sans-serif;
  font-weight: 400 !important;
}

/* spinner */
.fullscreen-loader-wrapper {
  position: fixed;
  background: rgba(250,250,250,0.8);
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  position: absolute;
  width: 78%;
  height: 100%;
  margin: -1em auto;
}

.full-loader-wrapper{
  background: rgba(250,250,250,0.8);

  position: absolute;
  width: 78%;
  height: 100%;
  margin: -1em auto;
}

.half-circle-spinner, .half-circle-spinner * {
  box-sizing: border-box;
}

.half-circle-spinner {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  position: relative;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}

.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: calc(60px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
  border-top-color: #4CAF50;
  animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
  border-bottom-color: #4CAF50;
  animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);

  }
  100%{
    transform: rotate(360deg);
  }
}