/* words */
h1.textstyle{
    font-family: Trebuchet MS;
}
h2.textstyle{
    font-family: Trebuchet MS;
    text-align: center;
}
p.case{
    font-family: Trebuchet MS;
    text-align: center;
    font-size: 20px;
    margin: 0% 15% 0% 15%;
}
#score{
    font-family: Trebuchet MS;
    font-size: 30px;
}
/* links */
a:active{
    color: default;
}
a.case{
    font-family: Trebuchet MS;
    text-decoration: none;
    color: black;
}
a.case_line{
    font-family: Trebuchet MS;
    text-decoration: none;
    color: black;
    display:inline-block;
    font-size:20px;
    margin: 1% 5% 0% 5%;
}
/* buttons */
#Back{
    border-radius: 4px;
    background-color: #a6c9f9;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 28px;
    font-family: Trebuchet MS;
    /* padding: 20px; */
    padding: 10px;
    width: 150px;
    transition: all 0.5s;  
    cursor: pointer;
    margin: 5px;
}
  
#Back span{
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s; 
}
  
#Back span:before{
    content: '\00ab';
    position: absolute;
    opacity: 0;
    top: 0;
    left: -20px;
    transition: 0.5s;  
}
  
#Back:hover span{
    padding-left: 25px;  
}
  
#Back:hover span:before{
    opacity: 1; 
    left: 0;  
}
/*main links*/
#Link{

    border-radius: 4px;
    position: relative;
    background-color: #BAFC95;
    border: none;
    font-size: 16px;
    padding: 20px;
    width: 150px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}
  
#Link:after{
    content: "";
    background: #d7f7c5;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}
  
#Link:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

#new {
    padding: 15px 25px;
    font-size: 24px;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #000000;
    background-color: #BAFC95;
    border: none;
    border-radius: 15px;
}
#new:hover {background-color: #BAFC95}
 
#new:active {
    background-color: #BAFC95;
    transform: translateY(4px);
}