body{
    margin: 0;
    padding: 0;
}

/*TENTATIVAS DE CRIAR UM MINI BOOTSTRAP*/

.BodyAttempts {
  padding-left: 50px;
}

.ExitableObject {
  
  width: 300px;
  height: 200px;
  background-color: #DFE1DF;
  border: 5px solid #50A2E0;
  
}
.ExitHeader {
  
  width: 100%;
  height: 35px;
  background-color: #C8CCDE;
  border-bottom: 5px solid #50A2E0;
  
}
.FluteAndButtonHolder {
  
  height: 155px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
}
.Pepe {
  
  width: 40px;
  height: 40px;
  
}
.SplitPepe {
  width: 100%;
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
 
}
.SplitButton {
  width: 100%;
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PepeHolder {
  width: 55px;
  height: 55px;
  background-color: #FFFFFF;
  border: 5px solid #50A2E0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ExitButton {
  width: 175px;
  height: 35px;
  background-color: #C8CCDE;
  border: 5px solid #50A2E0;
  
}
.ExitButton:hover {

  cursor: pointer;
  
}











/*FIM DAS TENTATIVAS DE CRIAR UM MINI BOOTSTRAP*/

.resize300px {
  width: 20%;
  height: 20%;
}