#app {
            width: 50%;
            margin-top: 80px;
            margin-left: 25%;
        }

@media screen and (max-width: 768px) {
     #app {
            width: 100%;
            margin-top: 0px;
            margin-left: 0%;
        }
        .header{
            display: none
        }
}

body {

    background-image: url('images/u=3794805786,1285591822&fm=200&gp=0.jpg');
}
.el-card__header{
    background: linear-gradient(to right,#f4eeee, #00b0bb);
    font-size:23px;
    text-align:center;
    color: #3c4451;
}
a{
    text-decoration:none;
    color: #3c4451;
}
.go{
   margin:0px;
    width: 200px;
    height: 38px;
background-color:#00b0bb;
/* Rotate div */
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
    text-align: center;
    font-size: 25px;
    float: right;
    margin-top: 30px;
    margin-right: -50px;
    color: #3c4451;
}
.go:hover{
    background-color:#54c5cc;
}
a:hover{
    color:black
}