@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
}
body {
	margin: 0;
    height: 100vh;
    background: transparent;
/*    background: -webkit-linear-gradient(95deg, #FFFFFF 49.7%, #FF0000 50%, #000000 50.3%) 100%;
    background: -moz-linear-gradient(95deg, #FFFFFF 49.7%, #FF0000 50%, #000000 50.3%) 100%;
    background: linear-gradient(95deg, #FFFFFF 49.7%, #FF0000 50%, #000000 50.3%) 100%;*/
    background: -webkit-linear-gradient(95deg, rgb(255,255,255) 49.7%, rgb(255,0,0) 50%, rgb(0,0,0) 50.3%) 100%;
    background: -moz-linear-gradient(95deg, rgb(255,255,255) 49.7%, rgb(255,0,0) 50%, rgb(0,0,0) 50.3%) 100%;
    background: linear-gradient(95deg, rgb(255,255,255) 49.7%, rgb(255,0,0) 50%, rgb(0,0,0) 50.3%) 100%;
    background-repeat: no-repeat;
}
.wrapper {
    position: absolute;
    height: 100px;
    width: 600px;
    margin: -50px 0 0 -300px;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
}
.first, .second {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    font-family: 'Limelight', cursive;
    font-size: 2em;
    line-height: 95%; 
}

h4 {
    font-weight: normal;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

@media screen and (max-width: 450px) {
        .first, .second {
            font-size: 1.6em;
            width: 50%;
        }
        .wrapper {
            width: 100%;
            margin: -50px 0 0 -50%;
        }
}

svg {
/*  height: 100%;
  width: 100%;*/
    position: relative;
    -webkit-animation: fade 8s ease-in-out infinite;
    animation: fade 8s ease-in-out infinite;
}

svg.wordone {
    width: 100%;
}


.first {
    text-align: right;
    padding-right: 2px;
    position: relative;
    /*font-weight: 600;*/
/*    font-style: italic; */
}
.second {
    text-align: left;
    padding-left: 2px;
    /*font-weight: 700;*/
    color: #FFFFFF;
}

@keyframes fade{
    0%,100% {
      opacity: 0;
}
    20%, 85%{
      opacity: 1;
  }
}