/*The Clouds Museum,a website of introducing the clouds>  Copyright (C) <2021>  <Honglei Gan
This program is free software: you can redistribute it and/or modifyit under the terms of the GNU General Public License as published bythe Free Software Foundation, either version 3 of the License, or(at your option) any later version.
This program is distributed in the hope that it will be useful,but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program.  If not, see <https://www.gnu.org/licenses/>*/
@font-face {
  font-family:cloud;
  src: url(../font/MFZhuoYing-Noncommercial-Regular-2.otf);
}

.top {
  position: fixed;
  width: 100%;
  height:40px;
  background-color:rgba(212,207,204,0.6);
  border-bottom:2px solid rgba(255,255,255,0.2);
  float:left;
}

.items {
  padding-top:40px;
  text-align:center;
}

.logo {
  float:left;
  position:fixed;
}

.title {
  width:150px;
  height:40px;
  float:left;
  margin-left:55px;
  font-family:cloud;
  font-size:29px;
  color:rgba(255,255,255,0.8);
  position:fixed;
}

.first {
  background:url(../img/background.jpg);
  background-size:cover;
  width:100%;
  height:520px;
}

.passage {
  width:75%;
  height:380px;
  margin:auto;
}

.title1 {
  font-family:cloud;
  font-size:80px;
  color:white;
}

.t1 {
  font-family:cloud;
  font-size:28px;
  color:white;
}

.t2 {
  font-size:15px;
  color:white;
  font-family:cloud;
  text-align:left;
  background-color:rgba(119,136,158,0.8);
}

.button1 {
  width:150px;
  height:40px;
  font-size:20px;
  background-color:rgba(212,207,204,0.5);
  border:2px solid rgb(255,255,255,0.2);
  border-radius:40px;
  color:white;
  font-family:cloud;
}

.second {
  width:100%;
  height:850px;
  background:url(../img/background3.jpg);
  background-size:cover;
  font-family:cloud;
}

.three {
  width:100%;
  height:850px;
  background:url(../img/background2.jpg);
  background-size:cover;
  font-family:cloud;
}

.box {
  width:100%;
  height:120px;
  padding-top:40px;
}

.photo {
  width:55%;
  height:120px;
  border-radius:10px;
  border:1px solid white;
}

.text {
  width:40%;
  height:120px;
  color:rgba(255,255,255,0.8);
}

.Copyright {
  width:98%;
  height:23px;
  background-color:rgba(212,207,204,0.5);
  border-radius:10px;
  border:2px solid rgba(212,207,204,0.2);
  font-size:13px;
  font-family:cloud;
  margin-bottom:3px;
}

.one {
  font-size:25px;
  }

.two {
  font-size:20px;
  }

.link {
  color:white;
  }