html{
    height: 100%;
}
body{
    background: #d9d9d9;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
}
h1{
    color: #e6e6e6;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 60px;
    margin: 0;
    padding: 0;
    padding-top: 100px;  
    box-sizing: border-box;
}
h2{
    color: #bfbfbf;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
h1,
h2
h3 {
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
}
p {
    text-align: justify;
    /* color: maroon; */
    line-height: 30px;
}
a{
    color: rgb(71, 71, 71);
    text-decoration: none;
}
a:hover{
    color: #9c9c9c;
    text-decoration: none;
}
img{
    /*width: 220px;*/
    max-width: 98%;
}
h2{
    color: #464646;
    clear: both;
}
#logo{
    width: 80px;
    background: rgb(26, 26, 26);
    padding: 13px;
    margin: 5px;
    position: absolute;
    top: 10px;
    right: 20px;
}
#header{
    /*background: #000;*/
    height: 365px;
    background-image: url(./images/lalisa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    box-sizing: border-box;
    background-position: 0 -145px;
}
#description{
    text-align: center;
    color: #e6e6e6;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    margin-top: -5px;
}
.button{
    background: #d9d9d9;
    padding: 10px;
    width: 60px;
    margin: 2px auto;
    text-align: center;
}
.button a{
    display: block;
    color: aliceblue;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#nav{
    position: fixed;
    top: 0px;
    left: 0px;
    /*background-color: #f2f2f2*/
    width: 100%;
    opacity: 0.6;
}
/*#nav ul.menu{
    margin-top: -5px;
}*/
/* Button menu  */
ul.menu{
    list-style-type: none;
 }   
  ul.menu li{
    float: left;

}
  ul.menu li a{
    display: block;
    background: #636363;
    padding: 10px;
    width: 165px;
    margin: 5px;
    color: #f2f2f2;
    border-radius: 25px;
    
}  
ul.menu li a:hover{
    background: #f2f2f2;
    color: #383838;
}
.lalisa_list{
    list-style-image: url(https://www.w3schools.com/cssref/sqpurple.gif);
}
#main{
    padding: 20px 40px;
    clear: both;
}
#main img{
    width: 180px;
}
.left_header{
    text-align: left;
    position: relative;
    top:60px;
    left: 1px;
}
.clear{
    clear: both;
}
.base{
    color: white;
    background: #262626;
    border: solid rgb(117, 117, 117);
    padding: 20px;
}
.left{
    float: left;
}
img.left{
    padding: 0 20px 10px 0; 
}
.right{
    float: right;
}
  
img.right{
    padding: 0 0 10px 20px;
}
.mydiv {
    color: rgb(255, 255, 255);
    background: #414141;
    width: 259px;
    height: 252px;
    border: solid 10px;
    border-color: rgb(189, 189, 189);
    border-style: double;
    /* border-width: 10px; */
    /* border-left: solid; */
    /*margin: 33px;
    margin: 80px 80px 10px 20px;*/
    margin: 20px auto;
    /* padding: 10px 30px 20px 50px; */
    padding: 5%;
    box-sizing: border-box;
    text-align: center;
    /* display: inline; */
    overflow: auto;
    margin: 5%;
    float: left;
}
#footer {
    height: 90px;
    background: #000;
  }
  
  #footer h3 {
    color: rgb(255, 255, 255);
    padding-top: 40px;
    box-sizing: border-box;
    text-align: center;
  }
  #up {
    background-color: #262626;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 30px;
    color: aliceblue;
    position: fixed;
    bottom: 10%;
    opacity: 0.6;