body{margin: 0 auto;}

.up{background-color:rgba(36,82,175,0.83);padding:18px;text-align:center;position: fixed;width:100%;height:70px;}
.up a{margin-left:20px;text-decoration:none;color:white;font-size:24px;}
.up p{left:8px;font-size:20px;top:20px;position: fixed;color:white;}
[class=music]{width:50px;position:fixed;right:10px;top:10px;}
body>a{position:fixed;right:80px;top:18px;color:white;font-size:22px;}
body>h3{display: inline;position:fixed;right:130px;top:18px;color:white;font-size:22px;}
body>a:hover{color:white;font-size:24px;}
body>a:visited{color:white}
.login{right: 150px;}

.banner{width:100%;}

.title{margin-top:50px;margin-left:10%;margin-bottom:50px;color:#3863b2;}
.title h1{display:inline;font-size: 30px;}
.title p{font-size:10px;margin-left:45px;}
.title img{margin-right:10px}

.studio{
    width:80%;
    padding-bottom: 30px;
    margin: auto;
    border-radius: 10px;
    border: 2px solid #78d1ff;
    margin-bottom:50px;
}

.letter{width:90%;margin:auto;margin-top:30px;}
.letter h3{text-align: right;}
.letter p{color: #63646b;}

.member{background-color: #f2fefe;padding-bottom: 50px;width:100%;padding-top:20px;}

.message{margin-left:12%;text-align:center;width:17%;display:inline-block;color:#333333;}
.photo{width:170px;height:170px;border-radius: 50%;overflow: hidden;border: 2px solid #78d1ff;margin:auto;}
.photo img{width:170px;height:170px;}
.message h4{font-size: 24px;margin-top:10px;margin-bottom: 15px;}

.logos{margin-left: 20%;}
.logo{height:100px;display:inline-block;margin-right:10%;margin-bottom:8%;}
.logo img{height: 100px;border-radius: 10px;}
.logo p{color:#333333;text-align: center;margin-top:10px}

.bottom{position:relative;}
.bottom img{width:100%;}
.bottom p{color:white;position: absolute;left:20%;bottom:3%;font-size:22px;}