/*@import https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css;*/
@font-face{
  font-family: "somo";
  src: url('/css/fonts/josefin/JosefinSans-Regular.ttf');
}
@font-face{
  font-family: "somoLight";
  src: url('/css/fonts/josefin/JosefinSans-Light.ttf');
}
@font-face{
  font-family: "somoBold";
  src: url('/css/fonts/josefin/JosefinSans-Bold.ttf');
}
@font-face{
  font-family: "somoHead";
  src: url('/css/fonts/edo.ttf');
}
@font-face{
  font-family: "quicksand";
  src: url('/css/fonts/Quicksand/Quicksand-VariableFont_wght.ttf');
}
*{
  box-sizing: border-box; 
  scroll-behavior: smooth; 
  transition: all 300ms;
}
*:focus{
  border-style: solid; 
  border-width: 1px 0px; 
  border-top-color: #ffffff; 
  border-bottom-color: #000000;
}
body{
  padding: 0px; 
  margin: 0px; 
  font-family: quicksand, sans-serif;
  background: #00a5a2; 
  color: #000000; 
  font-size: 1em;
  box-sizing: border-box;
}

body main{
  display: flex;
  align-items: stretch;
}
body main sidebar{
  width: 20%;
  background: #00a5a2;
}
body main section.blaballab{
  background-color: #ffffff;
  /* padding: 3%; */
  border-top-left-radius: 63px;
  /* flex-grow: 1; */
  min-height: 84vh;
  width: 80%;
  padding: 30px;
}
body main section.login-page{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
/*  background: url('/img/som.jpeg') no-repeat center center fixed;*/
  background: url('/img/bg.webp') no-repeat center center;
  background-size: cover;
}

header div.Introduction .whitelogo{
  display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;     
  padding: 5px;
} 
header div.Introduction .whitelogo img{
  width: 210px;
  height: 40px; 
  cursor: pointer; 
  object-fit: contain;
}

header div.Introduction .whitelogo h1 {
  font-size: 2em;
  text-align: center;
  color: #ffffff;
  margin: 0px;
} 
header div.Introduction .whitelogo:hover{
  color: #eaac10;
}

@media (max-width: 992px)  {
  body main section.blaballab{
    width: 100%;
  }

  body main sidebar {
    width: 0;
  }
}

@media (max-width: 600px) {
  header div.Introduction .whitelogo img{
    width: 100px;
  }
  header div.Introduction .whitelogo h1 {
    font-size: 1em;
  }
}