@import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');

#site_text_top {
       margin-top: 40px;
       font-size: 50px;
       font-family: 'Sriracha', cursive;
       color: white;
       text-shadow: 2px 2px 5px red;
       background: #08088A;
}

#site_login {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/user_login.png) no-repeat center top;	
}

#site_register {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/user_register.png) no-repeat center top;	
}

#site_pass {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/user_pass.png) no-repeat center top;	
}

#site_aktivieren {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/user_activieren.png) no-repeat center top;	
}

#site_kontakt {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/kontakt.png) no-repeat center top;	
}


#site_serien_auswahl {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/icon_serien.png) no-repeat center top;	
}

#site_musikclips_auswahl {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/icon_musikclips.png) no-repeat center top;	
}

#site_filme_auswahl {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/icon_filme.png) no-repeat center top;	
}

#site_musik_auswahl {
       margin-top: 10px;
       margin-left: 10px;
       float: left;
       width: 180px;
       height: 180px;
       text-align: left;
       background: url(../template/img/seiten/icon_musik.png) no-repeat center top;	
}