@About Media

<!DOCTYPE html>
<html lang="en">
<head>
<title>About @Media</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<style>

body {
width:100%;
margin:0;
background-color:black;
}
.header {
color:white;
text-align:center;
font-size:12vw;
}
.chris {
color:white;
text-align:center;
font-size:8vw;
margin:15vw 0;
}
.about {
color:white;
text-align:center;
font-size:3vw;
font-family:segoe script;
text-align:justify;
text-justify:inter-word;
padding:0 90px;
margin:15vw 0 10vw 0;
}
iframe {
width:80%;
height:44.4vw;
margin:auto;
display:block;
margin-bottom:5vw;
}
#tr {
color:white;
font-size:12px;
cursor:pointer;
}


                 @media all and (max-width: 425px){
body {
background-color:white;
}
.header {
color:maroon;font-family:ink free;
}
.chris {
color:maroon;
}
.about {
color:maroon;
font-size:16px;
font-family:courier;
padding:0 40px;
}
#tr {
color:maroon;
}
 }


            @media all and (min-width: 426px) and (max-width: 538px){
body {
background-color:white;
}
.header {
color:olive;font-family:arial;
}
.chris {
color:olive;
}
.about {
color:olive;
font-size:16px;
font-family:courier;
padding:0 40px;
}
#tr {
color:olive;
}
iframe {
width:90%;
height:49.95vw;
}
}

</style>
</head>
<body>

<h1 class='header'>CHRISTINA KERSCHNER</h1>
<h2 class='chris'>@About<span id='tr'>ranslation</span></h2>
<h2 id='about' class='about'>Christina Kerschner ist eine junge Singer/Songwriterin aus Niederösterreich. Charakteristisch für ihre Musik sind ruhige und verträumte Melodien am Klavier geschmückt mit Texten in deutscher als auch englischer Sprache.</h2>
<iframe id='box' src="https://www.youtube.com/embed/CgiXFxv6wik" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


<script>
i=0;

/*
 Responsive iframe / 1% ( width) = .555vw ( height )
 Not responsive / 1px ( width) = .562px ( height )
*/

tr.onclick=function(){
if(i==0){i=1;
about.innerHTML='Christina Kerschner is a young singer / songwriter from Lower Austria. Characteristic of her music are quiet and dreamy melodies on the piano decorated with texts in German and English.';
}else if(i==1){i=0;
about.innerHTML='Christina Kerschner ist eine junge Singer/Songwriterin aus Niederösterreich. Charakteristisch für ihre Musik sind ruhige und verträumte Melodien am Klavier geschmückt mit Texten in deutscher als auch englischer Sprache.';
}
}

</script>
</body>
</html>