<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="A capo automatico">
</head>
<body>
<pre>@charset "UTF-8";
/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
body{
margin:0;
padding:0;
font-family: 'Lato', sans-serif;
}
#container{
/*background:url('../img/BackGround3.jpg');*/
width:100%;
margin:0 auto;
overflow:hidden;
/*height:70%;*/
}
#container2{
background:url('../img/BackGroung2.jpg');
width:100%;
margin:0 auto;
overflow:hidden;
/*height:100%;*/
}
header{
width:100%;
margin:0 auto;
}
.menu{
width:200px;
height:70%;
position:absolute;
left:-200;
background:rgba(0,0,0,0.8);
}
.menu ul{
width:100%;
float:left;
margin-top:100px;
list-style-type:none;
margin:0;
padding:0;
}
.menu ul li{
margin-top:10px;
border-left: 10px solid transparent;
}
.menu ul li:first-child{
margin-top:100px;
}
.menu ul li:hover{
background:#fff;
border-left:10px solid #f06;
}
.menu ul li a{
text-align: center;
color: #fff;
text-decoration: none;
padding: 5px 0;
display: block;
}
.menu ul li:hover a{
color:#F06;
}
/* MENUBUTTON */
#menuButton{
font-size:2em;
color:Darkblue;
margin:0px 10px;
}
#menuButton a{
cursor:pointer;
transition:all 0.2s;
}
#menuButton a:hover{
color:#f06;
}
/* CLOSEBUTTON */
.closeButton{
font-size:1.5em;
color:#fff;
position:absolute;
left:160px;
top:10px;
}
.closeButton a:hover{
color:#333;
cursor:pointer;
}
/* MAIN */
.main{
width:100%;
/*height:70%;*/
margin:0 auto;
}
.main h1{
text-align:center;
font-size:7em;
color:rgba(255,255,255,0.8);
line-height:150px;
font-weight:bold;
font-family: 'Montserrat', sans-serif;
}
.main h2{
text-align:center;
font-size:2em;
color:rgba(255,255,255,0.8);
line-height:50px;
font-weight:bold;
font-family: 'Rubik', sans-serif;
}
.icon-heart{
font-size:0.8em;
}
</pre>
</body>
</html>