.slidetitle{
    width: 100%;
    padding: 0 5% 0 5%;
    box-sizing:border-box;
}

.slideimg{
    width: 90%;
    height: auto;
}

.left{
    margin: 2em auto 2em 5vw;
}

.right{
    margin: 2em 5vw 2em auto;
}

.left,.right{
    width: 60vw;
    min-height:30vw;
    border: 1px dashed #444;
    box-sizing:border-box;
    padding: 1.2em;
}

.button{
    width: 90vw;
    margin: 2em 5vw 4em 5vw;
    border: 1px solid #ddd;
    color:white;
    text-align:center;
    padding: .4em 1.2em .4em 1.2em;
    box-sizing:border-box;
    background:none;
    font-family: 'Gothic A1', sans-serif;
    font-size: 1.2em;
}

.button:hover{
    animation: change 2s infinite;
}

@keyframes change{
    0%{
        color: #f2389a;
        border: 1px solid #f2389a;
    }
    25%{
        color: #f4f431;
        border: 1px solid #f4f431;
    }
    50%{
       color:#2995ed;
       border: 1px solid #2995ed;
    }
    75%{
        color:#64ff00;
        border:  1px solid #64ff00;
    }
    100%{
        color: #f2389a;
        border: 1px solid  #f2389a;
    }
}



.slide, .slidetitle, .slideimg, .slidetext{
    box-sizing:border-box;
    margin:auto;
}

@media only screen and (max-width:600px){
    .left, .right{
        width: 96vw;
        padding: 1.2em;
    }
}