body {
    background-color: black;
    font-family: "Comforter Brush", cursive;
    font-weight: 400;
    font-style: normal;
}


.tx {
    width: 300px;
    height: 527px;
    overflow: hidden;
    /*border: 5px white solid;
    border-radius: 15px;
    padding: 50px 0 100px 0;*/
    /*position: relative;*/
    margin: 0 auto;
    background-image: none;
}

@media (min-width: 970px) {
    .tx {
        width: 1000px;
        background-image: url(../img/phone.png);
    }
}

.txx {
    width: 800px;
    height: 527px;
    overflow: hidden;
    /*border: 5px white solid;
    border-radius: 15px;
    padding: 50px 0 100px 0;*/
    color: white;
    font-size: 30px;
    position: relative;
    margin: 0 auto;
}

@media (min-width: 1024px) {
    .txx {
        color: black;
    }
}

.txr {
    white-space: nowrap;
    display: inline-block;
    top: 240px;
    font-size: 50px;
    position: absolute;
    animation: anim 10s ease-in-out infinite;
}

@keyframes anim {
    from {
        left: -100%;
    }

    to {
        left: 100%;
    }
}

.butt {
    display: flex;
    margin: 50px;
    flex-direction: column;
}

@media (min-width: 768px) {
    .butt {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

.stop,
.cont,
.add,
.text {
    background-color: white;
    border: 5px white solid;
    padding: 0 25px;
    border-radius: 15px;
    font-family: "Comforter Brush", cursive;
    font-size: 25px;
    margin: 15px;
    color: black;
    transition: 1s all ease;
}

.stop:hover,
.cont:hover,
.add:hover,
.text:hover {
    color: white;
    border: 5px black solid;
    background-color: black;
}