.igl-circuit-bg {
  z-index: -1;
  background: linear-gradient(rgba(38, 50, 56, 0.75), rgba(38, 50, 56, 0.75)), url(4b6284d8ad5a6bc3b6a62fb769042a0d.png);
  background-color: #263238;
  width: 100vw;
  height: 100vh;
}

.logo {
  position: fixed;
  height: 100%;
  width: 250px;
  top: 20px;
  left: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMzUuNzMgNzUuMTkiPgogIDxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojODJjMzQxO30uY2xzLTJ7ZmlsbDojMjMzODNmO30uY2xzLTN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03MS4xLDMyLjEzLDU1LjU2LDI0LjcxYTMuNDIsMy40MiwwLDAsMC0zLjM5LjYyYy0uMDUuMDYtLjI1LjI3LS4zMS4zMmwwLDBMMjUuNyw1MS44N3YwYTEuNjIsMS42MiwwLDAsMC0uMzMuMzEsMy40LDMuNCwwLDAsMC0uNjQsMy4zNmw3LjQsMTUuNTNhNS41NSw1LjU1LDAsMCwwLDUuMDcsMy4yNyw1LjYxLDUuNjEsMCwwLDAsNS4wNy0zLjI0UzQ1LDY1LjQ4LDQ4LjE1LDU4LjgxYTIwLjgzLDIwLjgzLDAsMCwxLC45My0xLjksMTguNzksMTguNzksMCwwLDEsMy4zNC00LjQ5LDE5Ljc5LDE5Ljc5LDAsMCwxLDQuNDYtMy4zMywyMS4wNywyMS4wNywwLDAsMSwxLjkyLS45MmM2LjY1LTMuMiwxMi4yOS01Ljg4LDEyLjMyLTUuOTFhNS41Niw1LjU2LDAsMCwwLDAtMTAuMTNaIi8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMy4yNyw0Mi4yOWwxNS41NSw3LjRhMy40MSwzLjQxLDAsMCwwLDMuMzgtLjYyLDMuMjIsMy4yMiwwLDAsMSwuMzItLjMyczAsMCwwLDBMNDguNjgsMjIuNTNhLjA2LjA2LDAsMCwwLDAtLjA1LDEuNywxLjcsMCwwLDAsLjMtLjMsMy40LDMuNCwwLDAsMCwuNjUtMy4zNkw0Mi4yNywzLjI5YTUuNTcsNS41NywwLDAsMC0xMC4xNSwwcy0yLjcsNS42Ny01Ljg5LDEyLjMzYy0uMjguNjUtLjU4LDEuMjgtLjkyLDEuOTFBMTkuNywxOS43LDAsMCwxLDIyLDIyYTIwLjcsMjAuNywwLDAsMS00LjQ4LDMuMzVjLS42MS4zMy0xLjI1LjYzLTEuOS45MS02LjY3LDMuMTktMTIuMjksNS45LTEyLjMzLDUuOWE1LjU5LDUuNTksMCwwLDAsMCwxMC4xNloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zNy4xOSwxNS4xM2ExMi42MSwxMi42MSwwLDAsMSwzLjcxLjU0TDM3LjE5LDcuOTRsLTMuNzEsNy43M0ExMi42NiwxMi42NiwwLDAsMSwzNy4xOSwxNS4xM1oiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zNy4xOSw1OS4yNmExMywxMywwLDAsMS0zLjcxLS41M2wzLjcxLDcuNzMsMy43MS03LjczQTEzLDEzLDAsMCwxLDM3LjE5LDU5LjI2WiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTU5LjI2LDM3LjIxYTEzLjM1LDEzLjM1LDAsMCwxLS41NCwzLjdsNy43NC0zLjdMNTguNzIsMzMuNUExMy4zMSwxMy4zMSwwLDAsMSw1OS4yNiwzNy4yMVoiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNS4xMiwzNy4yMWExMy42MywxMy42MywwLDAsMSwuNTMtMy43MUw3LjkzLDM3LjIxbDcuNzIsMy42OEExMy40NywxMy40NywwLDAsMSwxNS4xMiwzNy4yMVoiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMzguMzcsNTUuMDlhNC4xNiw0LjE2LDAsMCwxLTQuMTcsM2gtNC41MmMtMiwwLTMuMzctMS4zNC0zLjA5LTNsNS44MS0zMi45MWE0LjE4LDQuMTgsMCwwLDEsNC4xNi0zaDQuNTFjMiwwLDMuMzksMS4zNiwzLjEsM1oiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xMDUsNTUuMDlhNC4xNCw0LjE0LDAsMCwxLTQuMTQsM0g5Ni4yOWMtMiwwLTMuNC0xLjM0LTMuMS0zTDk5LDIyLjE4YTQuMjEsNC4yMSwwLDAsMSw0LjE3LTNoNC41MmMyLDAsMy4zNiwxLjM2LDMuMDcsM1oiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNjQuODYsMzJBNC4xOSw0LjE5LDAsMCwxLDI2OSwyOWgxMC4zM2wxLjczLTkuODJoLTE0TDI2OCwxNC40Yy4zLTEuNjUtMS4wNi0zLTMuMDctM2gtNC41M2E0LjIzLDQuMjMsMCwwLDAtNC4xOCwzbC0yLjQsMTMuNjdMMjUyLDM4LjMzbC0xLjkyLDEwLjg2Yy0uODcsNC45MywzLjI2LDguOTIsOS4xNiw4LjkyaDE1bC4xNS0uODksMS01LjcyLjU3LTMuMkgyNjUuNjJjLTIsMC0zLjQtMS4zNC0zLjExLTNsMS4yMy03WiIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIxMS41NiwxOS4xNUgxODMuNDFjLTIuMjIsMC00LjI3LDEuNTItNC41OSwzLjM1bC0xLDUuNTctLjU1LDMuMTItNC4yMiwyMy45Yy0uMywxLjY4LDEuMTIsMywzLjEsM2g0LjU0YTUuNSw1LjUsMCwwLDAsLjg4LS4xMyw0LDQsMCwwLDAsMy4yNi0yLjg5TDE4OC45MywzMmE0LjE4LDQuMTgsMCwwLDEsNC4xNS0zaDEyYzIsMCwzLjM5LDEuMzUsMy4xLDNsLTQuMDgsMjMuMUEyLjU4LDIuNTgsMCwwLDAsMjA2LjQyLDU4YTQuMzYsNC4zNiwwLDAsMCwuODMuMTNoNC41MmE0LjE5LDQuMTksMCwwLDAsNC4xOC0zbDQuNzYtMjdDMjIxLjU4LDIzLjE1LDIxNy40NywxOS4xNSwyMTEuNTYsMTkuMTVaIi8+CiAgPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTY0Ljc2LDE5LjE1SDEzMi42N2MtNS45MSwwLTExLjQyLDQtMTIuMyw4LjkybC0zLjcyLDIxLjEyYy0uODgsNC45MywzLjI0LDguOTIsOS4xNiw4LjkyaDEyLjU1bDEuNzQtOS44MWgtNy44OGMtMiwwLTMuMzktMS4zNC0zLjEtM0wxMzEuNDgsMzJhNC4xNyw0LjE3LDAsMCwxLDQuMTQtM2gxNmMyLDAsMy4zNywxLjM1LDMuMDcsM2wtMi4zNCwxMy4zLTEuNzMsOS43OWE0LjEzLDQuMTMsMCwwLDEtNC4xNCwzaC04LjEybC0xLjcyLDkuODFoMTIuNzljNS45MywwLDExLjQzLTQsMTIuMy04LjkxbDUtMjguMTguNS0yLjc2LDEtNS41N0MxNjguNDgsMjAuNjcsMTY3LDE5LjE1LDE2NC43NiwxOS4xNVoiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zMjYuNDYsMTkuMTVIMzAwLjMyYTEyLjM5LDEyLjM5LDAsMCwwLTExLjY5LDEwbC0zLjU1LDIwLjA4Yy0uODcsNC45MywzLjIzLDguOTIsOS4xNiw4LjkySDMwN2wxLjczLTkuODFoLTguMTFjLTIsMC0zLjM2LTEuMzQtMy4wNy0zTDI5OS45MSwzMmE0LjE4LDQuMTgsMCwwLDEsNC4xNS0zaDE2YzIsMCwzLjM4LDEuMzUsMy4wOSwzbC0uNjEsMy40OWE0LjE3LDQuMTcsMCwwLDEtNC4xNCwzaC03Ljg5bC0xLjc0LDkuODJoMTIuNTdjNS45MiwwLDExLjQ0LTQsMTIuMy04LjkxbDItMTEuMzJDMzM2LjQ5LDIzLjE1LDMzMi4zNywxOS4xNSwzMjYuNDYsMTkuMTVaIi8+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  z-index: 2000;
  filter: drop-shadow(0 0 0.75rem black);
}
html,
body {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
}

body {
  background-color: #dfdfdf;
}

#main {
  display: flex;
  flex: 1;
  height: 100vh;
  margin: 0;
}

.padded {
  padding-right: 300px;
}

.main-left {
  background-color: white;
  display: flex;
  height: 100%;
  padding-top: 1.5rem;
}
.accounts-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: "100%";
}
.startscreen-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}