@font-face {font-family: Inconsolata; src: url(http://www.macvetter.de/Inconsolata/Inconsolata.otf)}
 
 /* this is an Id it has precidence over the class
#body {
background: #000;
}
*/

 /* this is a class it is less important than an ID*/
.body{
background: #fff;
}


#div1{
position: absolute;
top:	0%;
left:	0%;
}

#div2{
position: absolute;
width:  60%;
top:	10%;
left:	20%;
}

#video{
top:0; 
left:0; 
width:60vw; 
height:34vh;
}

#title1 {
font-size: 150%;
font-family: Inconsolata;
top: 50%;
left:10%;
color: #000;
}

#title2 {
font-size: 150%;
font-family: Inconsolata;
color: #000;
}

#text1{
font-size: 100%;
font-family: Inconsolata;
top: 50%;
left:10%;
color: #000;
}
 
#text2{
font-size: 100%;
font-family: Inconsolata;
color: #000;
width: 60%;
}

#text3{
font-size: 100%;
font-family: Inconsolata;
color: #000;
}
 
#image{
width: 60%;
border:1px solid #000;
}

#image2{
width: 30%;
border:1px solid #000;
};