body{
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;

    width: 100%;
}




header a{
    text-decoration: none;
}
header .title{
    font-weight: bold;
}

header img{
    width: 30px;
    height: 30px;
}






.o1{
    transform: rotate(90deg);
}
.o2{
    transform: rotate(180deg);
}
.o3{
    transform: rotate(-90deg);
}






.button,.clickable, label {
    -webkit-touch-callout: none; 
      -webkit-user-select: none; 
       -khtml-user-select: none; 
         -moz-user-select: none; 
          -ms-user-select: none; 
              user-select: none; 
  }

.button.light{

    background-color: rgb(213, 159, 23);
}
.button.alert{
    background-color: rgb(213, 51, 23);
}

.button{
    text-align: center;
    border: 2px solid black;
    text-decoration: none;
    border-radius: 4px;
}


input[type="text"], textarea, select{
    font-family: "Poppins", "Arial";
    text-align: center;
    background-color: transparent;
    
    border-radius: 10px;
}





#cube_content .small{
    font-style: italic;
}







::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    
}




footer{
    text-align: center;
}



textarea{
    resize: none;
}


::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    
}

img.clickable,.button,#time-starter{
    transition: transform .2s;
}

img.clickable:hover, .button:hover, #time-starter:hover{
    transform: scale(1.2);
}
.button{
    padding: 5px;
}