#SS-MainBox05{
    display: flex;
    display: -webkit-flexbox;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: center;
}
#SS-PageContainer{
  display: flex;
  display: -webkit-flexbox;
    flex-direction:column;
}
#SS-Heading144{
  padding: 5% 5% 5%;
  font-size: 4vw;
  color: rgb(116, 116, 116);
  font-family: 'Architects Daughter', cursive;
  padding: 20px;
  
}
#SS-TableContent{
  
  border-bottom: 1px solid #ddd;
  padding: 20px;
  text-align: center;
  
  color:rgb(72, 5, 89);
  size: 10px;
  font-family: 'Julius Sans One', sans-serif;
}
#SS-MainButton144{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 20px;
  justify-content: center;
  outline: 0;
  border: none;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(76, 71, 76);
  background: rgb(247, 245, 247);
  padding: 5%;
  border-radius: 2em;
  width: 70%;
  font-size: 4vw;
  align-self: center;
  align-content: center;
  transition: all 0.2s;
  box-shadow:rgb(210, 206, 211) 0px 4px 12px;
  font-family: 'Architects Daughter', cursive;
 
}
#SS-Table144{

align-self: center;
  align-content: center;
  border-radius: 2em;
  box-shadow:rgb(121, 5, 92) 0px 4px 12px;
  width: fit-content;
  margin-top: 2%;
  margin: auto;
  padding-bottom: 20px;
}
#SS-Table144-2{

  align-self: center;
    align-content: center;
    border-radius: 1em;
    box-shadow:rgb(206, 136, 108) 0px 4px 12px;
    width: fit-content;
    margin-top: 2%;
    margin: auto;
    padding-bottom: 20px;
  }
  #SS-Table144-3{

    align-self: center;
      align-content: center;
      border-radius: 1em;
      box-shadow:rgb(91, 168, 159) 0px 4px 12px;
      width: fit-content;
      margin-top: 2%;
      margin: auto;
      padding-bottom: 20px;
    }
    #SS-Table144-4{

      align-self: center;
        align-content: center;
        border-radius: 1em;
        box-shadow:rgb(91, 168, 128) 0px 4px 12px;
        width: fit-content;
        margin-top: 2%;
        margin: auto;
        padding-bottom: 20px;
      }
#SS-h51-2{
  
  padding: 2% 2% 2%;
  font-size: 3vw;
  color: rgb(116, 116, 116);
  font-family: 'Julius Sans One', sans-serif;
}
#SS-h51-3{
  text-align: center;
  padding: 30px;
  font-size: 6vw;
  color: rgb(116, 116, 116);
  font-family: 'Julius Sans One', sans-serif;
  
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#SS-Menu{
  display: flex;
  display: -webkit-flexbox;
    flex-direction:row;
    flex-wrap: wrap;
    gap:0%;
    margin-bottom: 30px;
  margin-top: 20px;
 justify-content: center;


}
#SS-ButtonMenu{
  display: inline-block;
  outline: 0;
  border: .5px solid rgb(192, 189, 189);
  cursor: pointer;
  text-decoration: none;
  color: rgb(105, 104, 104);
  background: #fff;
  line-height: 40%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Julius Sans One', sans-serif;
  padding: 4vw;
  font-size: 4vw;
 font-weight: 900;
  transition: all 0.2s;
  width: 48vw;



}
#SS-ButtonVacuum{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(93, 3, 90);
  background: rgb(255, 251, 255);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 40%;
  padding-right: 40%;
  padding-top: 15%;
  padding-bottom: 15%;
  font-size: 3vw;
  font-weight: lighter;
  transition: all 0.2s;
  box-shadow:rgb(232, 186, 239) 0px 4px 12px;
  font-family: 'Architects Daughter', cursive;

}
#SS-ButtonDust{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  padding-left: 40%;
  padding-right: 40%;
  padding-top: 15%;
  padding-bottom: 15%;
  border: none;
  box-shadow:rgb(239, 196, 186) 0px 4px 12px;
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(201, 61, 0);
  background: rgb(255, 253, 252);
  line-height: 30px;
  border-radius: 2em;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  font-family: 'Architects Daughter', cursive;

}
#SS-ButtonG{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 1.5vw;
  padding-bottom: 9%;
  border: none;
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(213, 80, 18);
  background: rgb(255, 254, 254);
  line-height: 30px;
  border-radius: 2em;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  box-shadow:rgb(249, 208, 163) 0px 4px 12px;
  font-family: 'Architects Daughter', cursive;

}
#SS-ButtonDish{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  text-align: center;
  outline: 0;
  border: none;
  box-shadow:rgb(210, 161, 77) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(95, 62, 6);
  background: rgb(251, 250, 246);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 10%;
  padding-bottom: 10%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  font-family: 'Architects Daughter', cursive;


}
#SS-ButtonGrass{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(186, 239, 213) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(5, 157, 40);
  background: rgb(250, 250, 250);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 50%;
  padding-right: 50%;
  padding-top: 13%;
  padding-bottom: 13%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  font-family: 'Architects Daughter', cursive;
  margin-left: -40%;

}
#SS-ButtonGlass{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(186, 239, 224) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(4, 131, 108);
  background: #fff;
  line-height: 30px;
  border-radius: 2em;
  padding-left: 25%;
  padding-right: 25%;
  padding-top: 15%;
  padding-bottom: 15%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  font-family: 'Architects Daughter', cursive;

}
#SS-ButtonRoom{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(193, 186, 239) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(9, 170, 151);
  background: rgb(248, 252, 250);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 35%;
  padding-right: 35%;
  padding-top: 10%;
  padding-bottom: 10%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  font-family: 'Architects Daughter', cursive;
  margin-left: -50%;

}
#SS-Button11{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(232, 186, 239) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(147, 131, 255);
  background: rgb(244, 244, 250);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 55%;
  padding-right:55% ;
  padding-top: 8%;
  padding-bottom: 8%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  font-family: 'Architects Daughter', cursive;

}
#SS-Button12{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(232, 186, 239) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(99, 7, 111);
  background: rgb(251, 246, 250);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 45%;
  padding-right:45% ;
  padding-top: 20%;
  padding-bottom: 20%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  font-family: 'Architects Daughter', cursive;

}
#SS-ButtonBath1{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(232, 186, 239) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(126, 5, 114);
  background: rgb(253, 249, 251);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 25%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  padding-left: 100%;
  padding-right: 100% ;
  padding-top: 35%;
  padding-bottom: 35%;
  font-family: 'Architects Daughter', cursive;
  margin-left: -80%;


}#SS-ButtonBath2{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(232, 186, 239) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(126, 5, 114);
  background: rgb(253, 249, 251);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 25%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  padding-left: 80%;
  padding-right: 80% ;
  padding-top: 30%;
  padding-bottom: 30%;
  font-family: 'Architects Daughter', cursive;
  margin-left: -65%;


}#SS-ButtonBath3{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: none;
  box-shadow:rgb(232, 186, 239) 0px 4px 12px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(126, 5, 114);
  background: rgb(253, 249, 251);
  line-height: 30px;
  border-radius: 2em;
  padding-left: 25%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  padding-left: 45%;
  padding-right: 45% ;
  padding-top: 20%;
  padding-bottom: 20%;
  font-family: 'Architects Daughter', cursive;
  margin-left: -50%;


}
#SS-Logout{
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  display: inline-block;
  outline: 0;
  border: 2px solid rgb(23, 7, 16);
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: rgb(18, 15, 17);
  background: #fff;
  line-height: 30px;
  border-radius: 2em;
  width: 100%;
  font-size: 3vw;
  font-weight: 100;
  transition: all 0.2s;
  margin-top: 3%;
  margin-bottom: 2%;
  padding-top: 2%;
  padding-bottom: 2%;
  font-weight: bolder;
  background-color: rgb(248, 249, 250);
  font-family: 'Julius Sans One', sans-serif;

}
#SS-Vaccum{
  overflow: scroll;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;

  border: none;
  gap: 12vw;
  height: 12vw;
  border-radius: 2em;
  box-shadow:rgb(121, 5, 92) 0px 4px 12px;
  align-items:center;

}
#SS-Dust{
  overflow: scroll;
  height: 12vw;
  margin-top: 1%;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  gap: 12vw;
  border-radius: 2em;
  box-shadow:rgb(243, 176, 150) 0px 4px 12px;
  align-items:center;

}
#SS-Garbage{
  overflow: scroll;
  height: 12vw;
  margin-top: 1%;
  margin-bottom: 2px;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  gap: 15vw;
  border-radius: 2em;
  box-shadow:rgb(235, 189, 116) 0px 4px 12px;
  align-items:center;

}
#SS-Dishes{
  overflow: scroll;
  height: 12vw;
  margin-top: 1%;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  gap: 7vw;
  border-radius: 2em;
  box-shadow:rgb(238, 149, 24) 0px 4px 12px;
  align-items:center;
}
#SS-Glass{
  overflow: scroll;
  height: 12vw;
  margin-top: 2%;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  gap: 9vw;
  border-radius: 2em;
  box-shadow:rgb(186, 239, 215) 0px 4px 12px;
  align-items:center;
}
#SS-Grass{
  overflow: scroll;
  height: 12vw;
  margin-top: 1%;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  gap: 20vw;
  border-radius: 2em;
  box-shadow:rgb(23, 177, 149) 0px 4px 12px;
  align-items:center;
}
#SS-CleanRoom{
  overflow: scroll;
  height: 12vw;
  margin-top: 2%;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  gap: 15vw;
  border-radius: 2em;
  box-shadow:rgb(156, 171, 233) 0px 4px 12px;
  align-items:center;
}
#SS-Laundry{
  overflow: scroll;
  height: 12vw;
  margin-top: 1%;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  gap: 12vw;
  border-radius: 2em;
  box-shadow:rgb(208, 166, 234) 0px 4px 12px;
  align-items:center;
}
#SS-Bathroom{
  height: 12vw;
  overflow: scroll;
  margin-top: 3%;
  display: flex;
  display: -webkit-flexbox;
  flex-direction:row;
  border: none;
  border-radius: 2em;
  gap: 15vw;
  box-shadow:rgb(189, 3, 209) 0px 4px 12px;
  align-items:center;
}

#SS-Error05{
  font-family: 'Julius Sans One', sans-serif;
    font-size: 3vw;
width: 100%;
text-align:  center;
color: rgb(165, 164, 164);

  }
  #SS-SignUpBox05{
    box-shadow: rgb(104, 3, 87) 2px 25px 45px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10%;
    display: flex;
    display: -webkit-flexbox;
    flex-direction: column;
    background-color: rgb(255, 254, 254);
    width: 400px;
    margin: 6% ;
    padding: 2%;
    height: 45%;
    position: relative;
    align-items: center;
    font-size: 4vw;
   border-radius: 10%;
   opacity: .9;
   color: rgb(112, 110, 110);
   }

   #SS-LogInBox05{
    color: rgb(112, 110, 110);
    box-shadow: rgb(117, 92, 3) 2px 25px 45px;
    font-family: Arial, Helvetica, sans-serif;
    display: flex;
    display: -webkit-flexbox;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    width: 400px;
    margin: 6% ;
    height: 45%;
    position: relative;
    align-items: center;
    font-size: 4vw;
   border-radius: 10%;
   padding: 2%;
   opacity: .9;
  }
  #SS-FamilyName05{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    box-shadow:rgb(248, 213, 143) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 2.5vw;
     color:rgb(4, 4, 4);
     background-color: rgb(247, 248, 250);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 80%;
        margin-left: 5%;
  }
  #SS-FamilyName55{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    box-shadow:rgb(163, 168, 238) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 2.5vw;
     color:rgb(0, 0, 0);
       background-color: rgb(247, 248, 250);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 80%;
        margin-left: 5%;
  }
  #SS-Password55{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    box-shadow:rgb(189, 125, 232) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 2.5vw;
     color:rgb(9, 11, 13);
       background-color: rgb(247, 248, 250);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 80%;
        margin-left: 5%;
  }
  #SS-Username55{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    box-shadow:rgb(134, 77, 129) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 2.5vw;
     color:rgb(9, 11, 13);
       background-color: rgb(247, 248, 250);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 80%;
        margin-left: 5%;
  }
  #SS-Password05{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    box-shadow:rgb(244, 178, 206) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 2.5vw;
     color:rgb(9, 11, 13);
       background-color: rgb(247, 248, 250);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 80%;
        margin-left: 5%;
  }
  #SS-Username05{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    box-shadow:rgb(239, 154, 178) 0px 4px 12px;
    margin-top: 5%;
    border-radius: 2em;
    padding: 5% 5%;
     font-size: 2.5vw;
     color:rgb(9, 11, 13);
       background-color: rgb(247, 248, 250);
       box-shadow:5 2 15px 4px rgba(0,0,0,0.06);
       border:0;
       opacity: 2;
        text-align: center;
        width: 80%;
        margin-left: 5%;
        justify-content: center;
  }
  #SS-h51-01{
    margin-top: 5%;
    
   
  }
    #SS-h51-0{
      justify-content: center;
      size: 3vw;
      padding: 5% 5% 5%;
      font-family: 'Julius Sans One', sans-serif;
   } #SS-Login05{
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    background-color: rgb(10, 94, 85);
    background-position: 10px 10px;
    color: white;
    justify-content: center;
       padding: 5% 30%;
       text-align: center;
    font-weight: bold;
    font-size: 3vw;
    margin-top: 10%;
    cursor: pointer;
    vertical-align: center;
    border-radius:2em;
    opacity: 2;
    border:none;
    width: 80%;
    display: flex;
    display: -webkit-flexbox;
    margin: 10% 10%;
       touch-action: manipulation;
    }
    #SS-Create05{
      -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
      background-color: rgb(94, 10, 73);
        background-position: 10px 10px;
        color: white;
        justify-content: center;
           padding: 5% 30%;
           text-align: center;
        font-weight: bold;
        font-size: 3vw;
        margin-top: 10%;
        cursor: pointer;
        vertical-align: center;
        border-radius: 2em;
        opacity: 2;
        border:none;
        width: 80%;
        display: flex;
        display: -webkit-flexbox;
        margin: 10% 10%;
        touch-action: manipulation;
      }