.dropdown-content {
    display: none;
    position: absolute;    
    padding: .5em;
    z-index: 1; 
    width: 23em;
  }
  
  .dropdown:hover .dropdown-content {
    font-size: 20px;
    font-size: 2vw;
    display:flex;
    flex-direction: row;
  }

  .superscript{
    font-size: 20px;
    font-size: 2vw;
  }
  .amtButton{
    border: .05em #347edf solid;
    border-radius: 25%;
    font-size: 5vw;
    padding: .25em;
    margin: .1em;
    background-color: #edf060;
    
    transition: all 200ms;
    box-shadow: .05em .1em #310d20;
    text-transform: uppercase;
    text-align: center;
    color: #171219;
    user-select: none;   
    flex: 1 1 0px;
  }

  .wordButton{
    border: .05em #347edf solid;
    border-radius: 25%;
    font-size: 2vw;
    padding: 1.5em .25em;
    margin: .1em;
    background-color: #edf060;
    
    transition: all 200ms;
    box-shadow: .05em .1em #310d20;
    text-transform: uppercase;
    text-align: center;
    color: #171219;
    user-select: none;   
    flex: 1 1 0px;
  }


  .myCell {
    font-size: 20px;
    font-size: 6vw;
    position: relative;
    text-align: center; 
    vertical-align: middle;
}

.mainTable {
  table-layout: fixed;
  width: 100%;
}

.worddropdown {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  user-select: none;   
}

.worddropdown-content {
  display: none;
  position: absolute;  
  padding: .5em;
  z-index: 1; 
  width: 23em;
}

.worddropdown:hover .worddropdown-content {
  font-size: 20px;
  font-size: 2vw;
  display:inline;
}
.myTile{
  border: .05em #347edf solid;
  border-radius: 25%;
  font-size: 5vw;
  padding: .25em;
  margin: .1em;
  
  transition: all 200ms;
  box-shadow: .05em .1em #310d20;
  text-transform: uppercase;
  text-align: center;
  color: #171219;
  user-select: none; 
  flex: 1 1 0px;
}
.myTile:hover, .myTile:active {
  border: .05em #edf060 solid;
}

.myTileRow{
  display: flex;
  flex-direction: row;
}
.myTile .sup{
  font-size: 20px;
  font-size: 2vw;  
  position: absolute; 
  left: 0px;
  width: 100%;
  top: 0px;
}



/* https://coolors.co/347edf-171219-edf060-f0803c-310d20 */