body {
    margin: auto;
    padding: 40px;
    text-align: center;
    align-items: center;
    background-color: black;
    overflow: hidden;
}

.d, .i, .s, .o, .r, .d2, .e, .r2  {
    color: white;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    transition: 2s;
}

.ct-text  {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 100%;
    left:38%;
}

.random__a, .random__b, .random__c, .random__e, .random__f, .random__g, .random__h, .random__j, .random__k, .random__l, .random__m, .random__n, .random__p, .random__q, .random__s, .random__t, .random__u, .random__v, .random__w, .random__x, .random__y, .random__z {
    transition: 2s;
    font-size: 1.5em;
    color: white;
} 

@media (max-width: 600px)  {
    .d {
        transform: none;
        color: black;
        transition: transform 2s 0s, color 6s;
    }
    .i {
        transform: none;
        color: black;
        transition: transform 2s 0s, color 6s;
    }

    .s {
        transform: none;
        color: black;
        transition: transform 2s 0s, color 6s;
    }
    .o {
        transform: none;
    }
    .r {
        transform: none;
    }
    .d2 {
        transform: none;
    }
    
    .e {
        transform: none;
    }
     
    .r2   {
        transform: none;
    }

    .random__a, .random__b, .random__c, .random__e, .random__f, .random__g, .random__h, .random__j, .random__k, .random__l, .random__m, .random__n, .random__p, .random__q, .random__s, .random__t, .random__u, .random__v, .random__w, .random__x, .random__y, .random__z {
        color: black;
    } 
}

@media (min-width: 600px) and (max-width: 800px)  {
    .d {
        transform: rotate(25deg) translate(-3em,6em);
    }
    .i {
        transform: rotate(220deg) translate(10em,1em);
    }

    .s {
        transform: rotate(150deg) translate(-2em,1em);
    }
    .o {
        transform: rotate(185deg) translate(-5em,1em);
    }
    .r {
        transform: rotate(10deg) translate(1em,2em);
    }
    .d2 {
        transform: rotate(20deg) translate(5em,-1em);
    }
    
    .e {
        transform: rotate(200deg) translate(3em,-7em);
    }
     
    .r2   {
        transform: rotate(50deg) translate(10em,1.5em);
    }
    .random__a, .random__b, .random__c, .random__e, .random__f, .random__g, .random__h, .random__j, .random__k, .random__l, .random__m, .random__n, .random__p, .random__q, .random__s, .random__t, .random__u, .random__v, .random__w, .random__x, .random__y, .random__z {
        color: black;
    } 

    .random__a {
        transform: rotate(20deg) translate(-9em,4em);
    }
    .random__b {
        transform: rotate(0deg) translate(1em,12em);
    }
    .random__c {
        transform: rotate(10deg) translate(-12em,-20em);
    }
    .random__e {
        transform: rotate(25deg) translate(-20em,-3em);
    }
    .random__f {
        transform: rotate(220deg) translate(1em,1em);
    }
    .random__g {
        transform: rotate(300deg) translate(-12em,20em);
    }
    .random__h {
        transform: rotate(320deg) translate(-10em,-6em);
    }
    .random__j {
        transform: rotate(260deg) translate(1em,1em);
    }
    .random__k {
        transform: rotate(80deg) translate(-14em,3em);
    }
    .random__l {
        transform: rotate(2deg) translate(-8em,2em);
    }
    .random__m {
        transform: rotate(120deg) translate(1em,13em);
    }
    .random__n {
        transform: rotate(12deg) translate(14em,-23em);
    }
    .random__p {
        transform: rotate(80deg) translate(-3em,20em);
    }
    .random__q {
        transform: rotate(320deg) translate(12em,-17em);
    }
    .random__t {
        transform: rotate(42deg) translate(15em,-2em);
    }
    .random__u {
        transform: rotate(235deg) translate(-3em,14em);
    }
    .random__v {
        transform: rotate(220deg) translate(-28em,-6em);
    }
    .random__w {
        transform: rotate(130deg) translate(10em,-4em);
    }
    .random__x {
        transform: rotate(25deg) translate(-3em,6em);
    }
    .random__y {
        transform: rotate(200deg) translate(-5em,10em);
    }
    .random__z {
        transform: rotate(300deg) translate(1em,15em);
    }

}

@media (min-width:800px) and (max-width: 1000px)  {
    .d {
        transform: rotate(270deg) translate(-9em,20em);
    }
    .i {
        transform: rotate(220deg) translate(-20em,8em);
    }

    .s {
        transform: rotate(150deg) translate(-7em,-2em);
    }
    .o {
        transform: rotate(85deg) translate(10em,1.5em);
    }
    .r {
        transform: rotate(10deg) translate(20em,-2.5em);
    }
    .d2 {
        transform: rotate(20deg) translate(13em,-4em);
    }
    
    .e {
        transform: rotate(200deg) translate(3em,7em);
    }
     
    .r2   {
        transform: rotate(50deg) translate(-10em,-3em);
    }


    .random__a {
        transform: rotate(2deg) translate(-3em,6em);
    }
    .random__b {
        transform: rotate(220deg) translate(10em,-4em);
    }
    .random__c {
        transform: rotate(20deg) translate(-20em,20em);
    }
    .random__e {
        transform: rotate(25deg) translate(-5em,7em);
    }
    .random__f {
        transform: rotate(20deg) translate(17em,-9em);
    }
    .random__g {
        transform: rotate(160deg) translate(10em,-23em);
    }
    .random__h {
        transform: rotate(13deg) translate(-11em,-6em);
    }
    .random__j {
        transform: rotate(260deg) translate(12em,10em);
    }
    .random__k {
        transform: rotate(10deg) translate(-14em,2em);
    }
    .random__l {
        transform: rotate(250deg) translate(-13em,6em);
    }
    .random__m {
        transform: rotate(220deg) translate(1em,12em);
    }
    .random__n {
        transform: rotate(102deg) translate(9em,2em);
    }
    .random__p {
        transform: rotate(50deg) translate(-13em,1em);
    }
    .random__q {
        transform: rotate(20deg) translate(10em,-13em);
    }
    .random__t {
        transform: rotate(12deg) translate(18em,20em);
    }
    .random__u {
        transform: rotate(25deg) translate(-23em,14em);
    }
    .random__v {
        transform: rotate(220deg) translate(1em,1em);
    }
    .random__w {
        transform: rotate(10deg) translate(1em,2em);
    }
    .random__x {
        transform: rotate(215deg) translate(-9em,-6em);
    }
    .random__y {
        transform: rotate(90deg) translate(15em,10em);
    }
    .random__z {
        transform: rotate(30deg) translate(12em,5em);
    }
}

@media (min-width: 1000px) and (max-width: 1200px)  {
    .d {
        transform: rotate(270deg) translate(22em,-6em);
    }   
    .i {
    transform: rotate(220deg) translate(10em,-8em);
    }
    .s {
    transform: rotate(150deg) translate(3em,5em);
    }
    .o {
    transform: rotate(175deg) translate(7em,6em);
    }
    .r {
    transform: rotate(10deg) translate(7em,-4em);
    }
    .d2 {
    transform: rotate(40deg) translate(5em,-3em);
    }

    .e {
    transform: rotate(9deg) translate(3em,-3em);
    }

    .r2   {
    transform: rotate(5deg) translate(2em,5em);
    }

    .random__a {
        transform: rotate(20deg) translate(-20em,-6em);
    }
    .random__b {
        transform: rotate(190deg) translate(10em,-20em);
    }
    .random__c {
        transform: rotate(120deg) translate(1em,2em);
    }
    .random__e {
        transform: rotate(225deg) translate(-15em,7em);
    }
    .random__f {
        transform: rotate(280deg) translate(12em,13em);
    }
    .random__g {
        transform: rotate(10deg) translate(1em,2em);
    }
    .random__h {
        transform: rotate(3deg) translate(-11em,-6em);
    }
    .random__j {
        transform: rotate(260deg) translate(21em,11em);
    }
    .random__k {
        transform: rotate(10deg) translate(-11em,2em);
    }
    .random__l {
        transform: rotate(25deg) translate(-3em,26em);
    }
    .random__m {
        transform: rotate(220deg) translate(12em,3em);
    }
    .random__n {
        transform: rotate(102deg) translate(14em,20em);
    }
    .random__p {
        transform: rotate(5deg) translate(-3em,6em);
    }
    .random__q {
        transform: rotate(2deg) translate(10em,-21em);
    }
    .random__t {
        transform: rotate(12deg) translate(18em,20em);
    }
    .random__u {
        transform: rotate(25deg) translate(-3em,14em);
    }
    .random__v {
        transform: rotate(220deg) translate(-28em,-6em);
    }
    .random__w {
        transform: rotate(130deg) translate(10em,-4em);
    }
    .random__x {
        transform: rotate(25deg) translate(-3em,6em);
    }
    .random__y {
        transform: rotate(290deg) translate(5em,10em);
    }
    .random__z {
        transform: rotate(300deg) translate(1em,15em);
    }

}

@media (min-width: 1200px) and (max-width: 1500px)  {

    .d {
        transform: rotate(270deg) translate(-7em,3em);
    }
    .i {
        transform: rotate(20deg) translate(10em,-8em);
    }

    .s {
        transform: rotate(150deg) translate(10em,5em);
    }
    .o {
        transform: rotate(85deg) translate(12em,3em);
    }
    .r {
        transform: rotate(10deg) translate(7em,-6em);
    }
    .d2 {
        transform: rotate(25deg) translate(8em,-10em);
    }
    
    .e {
        transform: rotate(200deg) translate(15em,-3em);
    }
     
    .r2   {
        transform: rotate(50deg) translate(2em,6em);
    }

    .random__a {
        transform: rotate(25deg) translate(-20em,-6em);
    }
    .random__b {
        transform: rotate(220deg) translate(10em,13em);
    }
    .random__c {
        transform: rotate(220deg) translate(2em,-20em);
    }
    .random__e {
        transform: rotate(65deg) translate(-24em,-7em);
    }
    .random__f {
        transform: rotate(220deg) translate(1em,1em);
    }
    .random__g {
        transform: rotate(120deg) translate(10em,-20em);
    }
    .random__h {
        transform: rotate(30deg) translate(-7em,1em);
    }
    .random__j {
        transform: rotate(20deg) translate(12em,-9em);
    }
    .random__k {
        transform: rotate(120deg) translate(-1em,23em);
    }
    .random__l {
        transform: rotate(25deg) translate(-2em,-6em);
    }
    .random__m {
        transform: rotate(20deg) translate(-12em,3em);
    }
    .random__n {
        transform: rotate(132deg) translate(-14em,2em);
    }
    .random__p {
        transform: rotate(140deg) translate(-20em,1em);
    }
    .random__q {
        transform: rotate(14deg) translate(1em,1em);
    }
    .random__t {
        transform: rotate(2deg) translate(8em,-14em);
    }
    .random__u {
        transform: rotate(220deg) translate(-13em,-20em);
    }
    .random__v {
        transform: rotate(280deg) translate(-2em,-28em);
    }
    .random__w {
        transform: rotate(100deg) translate(-10em,4em);
    }
    .random__x {
        transform: rotate(60deg) translate(-3em,-20em);
    }
    .random__y {
        transform: rotate(90deg) translate(2em,-2em);
    }
    .random__z {
        transform: rotate(30deg) translate(12em,-15em);
    }
}

@media (min-width: 1500px) and (max-width: 2000px)  {
    .d {
        transform: rotate(70deg) translate(10em,3em);
    }
    .i {
        transform: rotate(20deg) translate(3em,-15em);
    }

    .s {
        transform: rotate(220deg) translate(-22em,-6em);
    }
    .o {
        transform: rotate(8deg) translate(10em,-16em);
    }
    .r {
        transform: rotate(103deg) translate(7em,-20em);
    }
    .d2 {
        transform: rotate(20deg) translate(5em,15em);
    }
    
    .e {
        transform: rotate(230deg) translate(15em,3em);
    }
     
    .r2   {
        transform: rotate(70deg) translate(14em,3em);
    }

    .random__a {
        transform: rotate(30deg) translate(20em,-5em);
    }
    .random__b {
        transform: rotate(20deg) translate(12em,-9em);
    }
    .random__c {
        transform: rotate(120deg) translate(12em,-9em);
    }
    .random__e {
        transform: rotate(250deg) translate(1em,-7em);
    }
    .random__f {
        transform: rotate(300deg) translate(10em,-12em);
    }
    .random__g {
        transform: rotate(120deg) translate(-7em,3em);
    }
    .random__h {
        transform: rotate(330deg) translate(-17em,6em);
    }
    .random__j {
        transform: rotate(200deg) translate(12em,-9em);
    }
    .random__k {
        transform: rotate(10deg) translate(-1em,23em);
    }
    .random__l {
        transform: rotate(20deg) translate(-25em,6em);
    }
    .random__m {
        transform: rotate(28deg) translate(18em,-3em);
    }
    .random__n {
        transform: rotate(132deg) translate(-4em,2em);
    }
    .random__p {
        transform: rotate(4deg) translate(-23em,6em);
    }
    .random__q {
        transform: rotate(140deg) translate(19em,12em);
    }
    .random__t {
        transform: rotate(20deg) translate(-8em,-14em);
    }
    .random__u {
        transform: rotate(90deg) translate(-2em,9em);
    }
    .random__v {
        transform: rotate(20deg) translate(-2em,-8em);
    }
    .random__w {
        transform: rotate(190deg) translate(10em,-4em);
    }
    .random__x {
        transform: rotate(60deg) translate(-12em,15em);
    }
    .random__y {
        transform: rotate(8deg) translate(22em,1em);
    }
    .random__z {
        transform: rotate(30deg) translate(-12em,15em);
    }

}

@media (min-width: 2000px)  {
    .d {
        transform: rotate(20deg) translate(2em,-1em);
    }   
    .i {
    transform: rotate(20deg) translate(12em,-9em);
    }
    .s {
    transform: rotate(50deg) translate(3em,5em);
    }
    .o {
    transform: rotate(175deg) translate(7em,26em);
    }
    .r {
    transform: rotate(10deg) translate(27em,-4em);
    }
    .d2 {
    transform: rotate(40deg) translate(5em,-3em);
    }

    .e {
    transform: rotate(93deg) translate(13em,-23em);
    }

    .r2   {
    transform: rotate(5deg) translate(12em,5em);
    }

    .random__a {
        transform: rotate(230deg) translate(-20em,-6em);
    }
    .random__b {
        transform: rotate(10deg) translate(10em,-20em);
    }
    .random__c {
        transform: rotate(10deg) translate(12em,2em);
    }
    .random__e {
        transform: rotate(25deg) translate(-15em,7em);
    }
    .random__f {
        transform: rotate(80deg) translate(12em,13em);
    }
    .random__g {
        transform: rotate(103deg) translate(1em,2em);
    }
    .random__h {
        transform: rotate(3deg) translate(-31em,-6em);
    }
    .random__j {
        transform: rotate(260deg) translate(1em,11em);
    }
    .random__k {
        transform: rotate(1deg) translate(-14em,2em);
    }
    .random__l {
        transform: rotate(25deg) translate(-3em,22em);
    }
    .random__m {
        transform: rotate(320deg) translate(1em,5em);
    }
    .random__n {
        transform: rotate(12deg) translate(12em,26em);
    }
    .random__p {
        transform: rotate(50deg) translate(-6em,5em);
    }
    .random__q {
        transform: rotate(20deg) translate(13em,-2em);
    }
    .random__t {
        transform: rotate(12deg) translate(18em,20em);
    }
    .random__u {
        transform: rotate(25deg) translate(-3em,14em);
    }
    .random__v {
        transform: rotate(230deg) translate(-2em,-4em);
    }
    .random__w {
        transform: rotate(120deg) translate(10em,-14em);
    }
    .random__x {
        transform: rotate(250deg) translate(-3em,16em);
    }
    .random__y {
        transform: rotate(20deg) translate(5em,12em);
    }
    .random__z {
        transform: rotate(200deg) translate(20em,-15em);
    }

}