/* Copyright (c) Microsoft Corporation.
Licensed under the MIT license. */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

*,*:before,*:after {
  box-sizing: border-box;
}

#root-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-top: 100px;
}
#root {
  font-family: 'Nunito Sans', sans-serif;
  width: 100%;
  max-width: 1400px;

}
/*
@media only screen and (max-width: 1333.33px) {
  #root {
    padding-left: calc((100vw - 800px)/2);
  }
}
  */

header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  position: absolute;
  z-index: 2;
  width: 100vw;
  padding: 1vw 2vw;
}

#title {
  color: #848484;
  font-size: 2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 60vw;
  gap: 3vw;
}

#title > div {
  white-space: nowrap;
  
}

#title img {
  height: 100%;
  width: 20vw;
}

#welcome {
  color: #2C2C2C;
  padding-top: 10px;
  text-align: right;
}

html,body{
  min-height: 100%;
  height: 100vh;
  font-family: 'Nunito Sans', sans-serif;
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  background: linear-gradient(to bottom, white, #00a5b5);
}