index_style.css

@keyframes titleColorChange{
    0%{background-color: #52d4ff;}
    50%{background-color: deeppink;}
    100%{background-color: #52d4ff;}
}
body{
    margin: 0 auto;
    background-color: black;
}

#title_colorA{
    width: auto;
    height: 600px;
    background-color: #52d4ff;
}
.title_anime{
    animation-name: titleColorChange;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
#title_background{
    font-size: 50px;
    color:white;
    letter-spacing: -.02em
}
#gogoS{
    width: 130px;
    height:40px;
    color: white;
    background-color: black;
    border:3px solid #52d4ff;
}
.center{
    margin:0 auto;
    width: 450px;
}
.center2{
    margin:0 auto;
    width: 500px;
    align-items: center;
    position: relative;
    top: 25px;
    left: 125px;
}
#gogoB{
    width: 130px;
    height:40px;
    color: white;
    background-color: black;
    border:3px solid deeppink;
}
#list{
    margin:0 auto;
    width: 500px;
    color: white;
    position: relative;
    top: 50px;
}
#textin{
    width: 500px;
    height: 160px;
    border-radius: 15px;
    position: relative;
    right: 25px;
    outline: none;
    background-color: none;
    border: 5px solid #2de0ff;
}
.cobyr{
    color: white;
    position: relative;
    top: 50px;
}
#plsin{
    font-size: 50px;
    color: white;
}