* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    font: inherit;
}

 @font-face {
    font-family: FontName;
    src: url('../fonts/JetBrainsMono-ExtraBold.woff2');
}

body {
    
    font-family: Fontname;
    font-size: small;
    
    
} 

p {
    width: 65%;
    margin: auto;
    
}

h1 {
    font-family: Fontname;
    font-size: xx-large;
    display: inline;
} 

h2 {
    font-family: Fontname;
    font-size: large;
    display: inline;
    
} 

h3 {
    font-family: Fontname;
    font-size: large;
    width: 65%;
    margin: auto;
  
} 


.light {

color: rgb(205, 255, 199);
padding-top: 50px;

}

.dark {

color: rgb(27, 53, 24);
padding-top: 50px;

}

.cursor {
    cursor: url("../images/pfeil3.png"), auto;
}

.tennis {
    width: 100%;
	height: 200vw;
	background: url("../images/Tennis.svg");
	background-size: cover;
    display: block;
    position: absolute;
    z-index: -1;
}

.kind {
	height: 20rem;
    width: auto;
    margin-left: 120px;
    margin-top: 50px;
}

.racket {
    margin-top: 400px;
    margin-left: 200px ;
    width: 30%;
    transition: transform .3s;
     transform: rotate(90deg);
    
}

.racket2 {
    margin-top: 400px;
    margin-left: 50px ;
    width: 30%;
    transition: transform .3s;
    transform: rotate(90deg);
   
    
}

.racket:hover {
    transform: scale(1.3);
   
    

    
}

.racket2:hover {
    transform: scale(1.3);
   

    
}