@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
body{
    font-family: "Open Sans", sans-serif;
    color: #444444;
    background-image: url(assets/img/marathon1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
    

}
/* #header{
    background-color: #444444;
    opacity: 0.5;
    
}*/
.main1{
    margin-top: 50px; 
}
#box1{
    margin-top: 20vh;
    width:80vh;
    height:70vh;
    border:none;
    box-shadow: inset 2px 3px 40px rgb(219, 169, 169),
                2px 3px 5px black;
    background-image: linear-gradient(rgba(131, 125, 125, 0.308),rgba(131, 125, 125, 0.308)),url(assets/img/mar.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;

    
}
.ts{
    text-shadow: 2px 2px 3px burlywood;
    color: rgb(134, 201, 25);
    font-size:40px;
   
    
}
.ts h1{
    text-shadow: 2px 2px 3px rgb(165, 175, 22);
   
    color: rgb(239, 243, 23);
    font-size:60px;
    font-family: 'Anton', sans-serif;
    cursor: pointer;
}
.ts p a{
    font-size: 25px;
    border-radius: 7px 10px ;
    color: rgb(64, 45, 241);
    font-family: "Open Sans", sans-serif;


}
.ts h1:hover{
    color: rgb(87, 228, 31);
}
.ts p a:hover{
    font-size: 28px;
}
.ts h3:hover{
   background-color: #444444;
}