@charset "UTF-8";
/* CSS Document */

body {margin: 0; background-color: #000023; color: #fff; text-align: center; background-image: url("../img/stars2bg.png");background-size: cover;}

.container { position: relative; height: 100vh; width: 100vw; display: flex; flex-direction: column; justify-content:center; background-image: url("../img/stars2.png");background-size: contain }

.circle {/*background-color: #fff;*/ height: 300px; width: 300px; border-radius: 50%; position: relative; margin: 0 auto; border: 0px solid #000; background-image: url("../img/CD-2k.jpg"); background-size: cover;background-position: center center; transition: .5s}

.circle span {height: 334px; width: 334px; border-radius: 50%; position: relative; display: block; margin: -19px -18px; border: 1px solid #153a76;}

h2, h3 {font-family: 'Open Sans', sans-serif; font-weight: normal; letter-spacing: 3px; font-size: .85em; width: 100%; display: block; text-align: center; text-transform: uppercase;margin-top: 30px; transition: .5s}

h3 {font-size: .55em; font-weight: normal; margin-top: -5px !important}

a {color: #fff; text-decoration: none}


.notenschluessel {margin: 0 auto; width:100px; height:auto;}