* {
    margin: 0;
    padding: 0;
    border: none;
}
html, body {
    height: 100%;
    width:100%;
  }
body {
    display:block;
    align-items: center;
    background-color: #fff;
  }
/*-----header----*/
header {
    display: block;
    width: 100%;
    height: 120px;
    padding: 15px 0;
    margin: 0 auto;
    border-bottom: solid 7px #efefef;
   }
h1.cype-logo{
    display: inline;
    position: absolute;
    left:10px;
    top:10px;
    width: 270px;
    height: 80px;
    overflow: hidden;
    background-image: url(../img/cype_logo.png);
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 100%;
    white-space: nowrap;
 }
h2.cloud-logo {
    display: inline;
    position: absolute;
    right:10px;
    top:10px;
    width: 270px;
    height: 80px;
    overflow: hidden;
    background-image: url(../img/cloud_logo.png);
    background-repeat: no-repeat;
    background-position: right;
    text-indent: 100%;
    white-space: nowrap;
 }
.login-button, .logout-button {
   list-style: none;
   position: absolute;
   right: 10px;
   top:100px;
   background-color: rgb(168, 232, 177); 
   text-align: center;
   font-size: large;
   font-weight: bold;
   color: #fff;
   width: 230px;
   padding: 5px 5px;
   border-radius: 20px;
   text-decoration: none; 
   display: block;   
 }
.update-button {
    background-color: rgb(168, 232, 177); 
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: #fff;
    width: 200px;
    margin-top: 2em;
    padding: 5px 5px;
    border-radius: 20px;
    text-decoration: none; 
    display: block;   
  }

 /*-----main----*/
  main{
    display:block; 
    padding:15px;
}

/*-----contents-----*/
.text-center {
  text-align: center!important;
}
.text-right {
  text-align: right!important;
}
.text-left {
  text-align: left!important;
}

/*-----footer----*/
footer
{
    display: block;
    text-align:right;
    font-size:medium;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    background-color: rgb(168, 232, 177);
    margin: 0 auto;
    padding: 2em;
    padding-right:30px ;
}
footer p{
    padding-right: 3em;
}