@import "https://fonts.googleapis.com/css?family=Audiowide|Bangers";




@media all and (display-mode: standalone) {
  body {
    background-color: #FFCC00;
  }
}

* { 
  transition: all 0.2s linear;    
    transition: -moz-all 0.2s linear;
    transition: -webkit-all 0.2s linear;
    transition: all 0.2s linear;
transition: -moz-transform 2.1s ease-in-out;
transition: -webkit-transform 2.1s ease-in-out;
transition: transform 2.1s ease-in-out; 
}


img{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}

*{
  -webkit-user-select: rgba(211,211,211,0.47);  /* Chrome all / Safari all */
  -moz-user-select: rgba(211,211,211,0.47);    /* Firefox all */
  -ms-user-select: rgba(211,211,211,0.47);     /* IE 10+ */
  -o-user-select: rgba(211,211,211,0.47);
  user-select: rgba(211,211,211,0.47);
}



.dark-mode {
background-image: url(https://www.elisadaschatz.de/back7.jpeg);
color: #eee;
}
.dark-mode a {
color: #111;
}
body.dark-mode {
background-color: #111;
color: #eee;
}
body.dark-mode a {
color: #111;
}
body.dark-mode button {
background-color: #eee;
color: #111;
}

body.dark-mode div {
background-color:rgba(221,221,221,0.71);
color: #111;
}

.light-mode {
background-color: transparent;
color: #111;
}
.light-mode a {
color: #111;
}
body.light-mode {
background-color: transparent;
color: #111;
}
body.light-mode a {
color: #111;
}
body.light-mode button {
background-color: #111;
color: #eee;
}

body.light-mode div {
background-color:rgba(41,41,41,0.71);
color: #eee;
}

.one-mode {
background-image: url(https://www.elisadaschatz.de/back4.jpeg);
color: #111;
}
.one-mode a {
color: #111;
}
body.one-mode {
background-color: #7799FF;
color: #111;
}
body.one-mode a {
color: #111;
}
body.one-mode button {
background-color:#7799FF;
background-size:cover;
background-attachment:fixed;
color: #FFF;
}

body.one-mode div {
background-color:#7799FF;
background-size:cover;
background-attachment:fixed;
color: #FFF;
}

.two-mode {
background-image: url(https://www.elisadaschatz.de/back4.jpeg);
color: #111;
}
.two-mode a {
color: #111;
}
body.two-mode {
background-image: url(https://www.elisadaschatz.de/netzbild/discjockeyclick);
color: #111;
}
body.two-mode a {
color: #111;
}
body.two-mode button {
background-color: #FFCC00;
color: #444444;
}

body.two-mode div {
background-color: #FFCC00;
color: #444444;
}

a, button, select, input, *{

transition:all 1.7s ease-in-out infinite;

}

*{scroll-behavior: smooth;}

*{
	
font-family:Audiowide;
color:#444444;
	
}

* ::-webkit-selection, [contenteditable]::-webkit-selection  {
	background: #DDDDDD;
}

* ::-moz-selection, [contenteditable]::-moz-selection {
	background: #DDDDDD;
}

* ::selection, [contenteditable]::selection {
	background: #DDDDDD;
}



#squareparent {position:fixed; top:11px; left:11px; width:170px; max-width:170px; max-height:440px; border:2px solid #CCCCCC; overflow:visible; z-index:41; visibility:hidden; }

#square {position:fixed; top:64px; left:68px; width:170px; max-width:170px; height:440px; max-height:440px; color:#BBBBBB; font-size:14px; border:2px solid #CCCCCC; overflow:hidden; z-index:40; visibility:hidden; }


*::selection {
    color:#6699FF;
    background:#FFCC00;
    font-size:14px;
}

*::-moz-selection {
    color:#6699FF;
    background:#FFCC00;
    font-size:14px;
}

*::-webkit-selection {
    color:#6699FF;
    background:#FFCC00;
    font-size:14px;
}


textarea::-webkit-selection {
    color:#888888;
    background:#DDDDDD;
    font-size:24px;
}

textarea::selection {
    color:#888888;
    background:#DDDDDD;
    font-size:24px;
}

textarea::-moz-selection {
    color:#888888;
    background:#DDDDDD;
    font-size:24px;
}

input[type="text"]::placeholder { 

font-size:41px; 

}

input[class="smalesoundslide"] { 

font-size:21px; 
width:140px;
max-width:140px;
height:14px;
max-height:14px;
overflow:hidden

}



@-webkit-keyframes fadeInv { from { opacity:0.4; } to { opacity:1; } }
@-moz-keyframes fadeInv { from { opacity:0.4; } to { opacity:1; } }
@keyframes fadeInv { from { opacity:0.4; } to { opacity:1; } }

body {

    opacity:0.4;
    -webkit-animation:fadeInv ease-in 1;
    -moz-animation:fadeInv ease-in 1;
    animation:fadeInv ease-in 1;

    -webkit-animation-fill-mode:forwards; 
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:4s;
    -moz-animation-duration:4s;
    animation-duration:4s;
}


.state-overview{
	
display:none;	
	
}



textarea{
  -webkit-user-select: #CCCCCC;  /* Chrome all / Safari all */
  -moz-user-select: #CCCCCC;     /* Firefox all */
  -ms-user-select: #CCCCCC;      /* IE 10+ */
  -o-user-select: #CCCCCC;
  user-select: #CCCCCC;
}