body {
    background-color: #935d8c;
	background-image: -moz-linear-gradient(45deg, #e37682 15%, #5f4d93 85%);
	background-image: -webkit-linear-gradient(45deg, #e37682 15%, #5f4d93 85%);
	background-image: -ms-linear-gradient(45deg, #e37682 15%, #5f4d93 85%);
	background-image: linear-gradient(45deg, #e37682 15%, #5f4d93 85%);
    margin:0px;
    padding:0px;
}

header {
    width:100%;
    margin: 0 auto;
    text-align: center;
    padding:20px 0px 20px 0px;
    color:white;
}
@media (min-width:600px){
    header {
        width:60%
    }
}

#main {
    background-color: white;
    width:100%;
    margin: 0 0;
    padding:40px 0px 20px 0px;
    border-radius: 0px ;
}
@media (min-width:600px) {
    #main {
        width:60%;
        margin: 0 auto;
        border-radius: 5px ;
    }
}

#alt1 {
    height:50px;
    line-height:50px;
    width:80%;
    margin: 0 auto;
    border-radius:5px;
    margin-bottom:20px;
    text-align: center;
    font-size:1.4rem;
    border: 0px;
    position: relative;
}
@media (min-width:600px) {
    #alt1 {
        width:60%;
        font-size:1.2rem;
    }
}
@media (min-width:800px) {
    #alt1 {
        font-size:1.4rem;
    }
}
#alt1 a:link,#alt1 a:visited,#alt1 a:hover,#alt1 a:active {
    text-decoration:none;
    color:white;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
}
#alt1:hover {
    opacity: 0.5;
}

#main .facebook {
    background-color:#1278F3;
}
#main .instagram {
    background-color:rgb(93, 16, 165);
}
#main .twitter {
    background-color:#1C9CEA;
}
#main .telegram {
    background-color:#1C9CEA;
}
#main .line {
    background-color:#00BA00;
}
#main .mypage {
    background-color:#91069e;
}
#main .telegram {
    background-color:#1DA1DE;
}
#main .github {
    background-color:#3E3E3E;
}
#main .hackmd {
    background-color:#000000;
}
#main .gmail {
    background-color:#C5221E;
}

.copyright {
    width: 100%;
    margin: 2.5em 0 2em 0;
    font-size: 0.8rem;
    text-align: center;
    color:white;
}