body {
    
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
background-color: rgb(236, 236, 236);
}




.text1 {
    
    position: fixed;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  
}


.text2{
    position: fixed;
    left: 0;
    top: 57%;
    width: 100%;
    text-align: center;
    font-size: 25px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
  

}

.baum {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    pointer-events: none;
  
}

.links {

    position: fixed;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
}


#facebook{
    font-size: 50px;
    color: rgb(1, 101, 225);
    text-decoration: none;
    padding-right: 10px;
}

#mail{
    font-size: 50px;
    color: transparent;
    background: radial-gradient(circle at 30% 107%, rgba(125,219,255,1) 33%, rgba(0,121,255,1) 100%);
    background: -webkit-radial-gradient(circle at 30% 107%, rgba(125,219,255,1) 33%, rgba(0,121,255,1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-decoration: none;
    padding-right: 10px;
}

#instagram{
    font-size: 50px;
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
    text-decoration: none;
    padding-right: 10px;
}

#linkedin{
    font-size: 50px;
    color: rgb(10, 102, 194);
    text-decoration: none;
    padding-right: 10px;
}

.text1-link {
    color: black;
    text-decoration: none;
}

.text2 :hover {
    color: rgb(100, 185, 107);
    transition: 2s;
}

.baum {
    position: fixed;
    left: 46%;
    top:30%;
    height: 20%;
    
}