:root {
    --dark-primary-color:    #00796B;
    --default-primary-color: #009688;
    --light-primary-color:   #B2DFDB;
    --text-primary-color:    #FFFFFF;
    --accent-color:          #9E9E9E;
    --primary-text-color:    #212121;
    --secondary-text-color:  #727272;
    --divider-color:         #B6B6B6;
    --control-color-from:    var(--dark-primary-color);
    --control-color-to:      var(--light-primary-color);

    --option-container-back-color: var(--control-color-to);
    --button-shadow-color:   #000000;
}
.root{
    display: flex;
    flex:1;
}

html, body{
    margin: 0;
    height: 100%;
    width:100%;
    background: var(--light-primary-color);
}

body{
    display:flex;
}

.startup-container {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
}

.startup-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.startup-text {
    color: var(--text-primary-color);
}

.loader {
  margin: 0 0 2em;
  height: 100px;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: inline-block;
  vertical-align: top;
}

/*
  Set the color of the icon
*/
svg path,
svg rect {
  fill: var(--text-primary-color);
}

.connect-btn{
    border: 2px solid #546969;
    border-radius: 50%;
    margin-top:1rem;
    cursor: pointer;
    background: none;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    outline: none;
    -webkit-appearance: button; /* for input */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
}

.connect-btn_image{
    width: 8rem;
}

.connect-btn_animation{
  animation-duration: 1s;
  animation-name: scaleUpDown;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes scaleUpDown {
  from {
    transform: scale(0.9);
    -webkit-filter:grayscale(1);
  }
  
  to {
    transform:scale(1.15);
    -webkit-filter:grayscale(0);
  }
}