body {
    background-color: #002848;
    margin: 0px;
    overflow: hidden;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

a {
    color: #0078ff;
}

canvas {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    filter: blur(1.5px);
}

.MyText {
    /*Background Colour*/
    background-color: rgba(0, 8, 36, 0.9);
    /*Text Colour*/
    color: rgb(101, 215, 250);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 320px;
    margin: 0;
    text-align: center;
    font-size: 1.6vmax;
    border-radius: 5px;
}

p {
    margin: 0;
    padding: 0;
}

/* creative tool shop */
/* top, right, bottom, left */
.heading {
    margin: .9em 1em 0 1em;
    font-size: 2em;
}

/* work smarter not harder text */
.sub-heading {
    margin-top: -0.2em;
    margin-bottom: .5em;
    font-size: .8em;
}

/* in development text */
.coming-soon {
    margin-top: 0;
    margin-bottom: -0.3em;
    font-size: .5em;
}

/*Need tools now?*/
.buy {
    font-size: 1.6em;
    margin-bottom: .2em;
}

/* modifies the button */
.btn-h3 {
    margin-top: .2em;
    margin-bottom: 1.4em;
}

/* style the button text here */
.emailbtn {
    display: inline-block;
    background-color: hsl(212, 69%, 23%);
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    padding: .3em .5em;
    border-radius: 12px;
    text-align: center;
}

.emailbtn:hover {
    background-color: hsl(216, 44%, 40%);
}

.emailbtn:active {
    color: black;
    position: relative;
    top: 3px;
}
/* compatibility fallback for browsers that don't support viewport units */
.mySlides {
    margin: 0 auto;
    height: auto;
    width: 250px;
    -ms-interpolation-mode: bicubic;
}
/* sizes the slideshow images */
@supports (height: 23vmax){
.mySlides {
    margin: 0 auto;
    height: 23vmax;
    width: 25vmax;
    object-fit: contain;
}
}
/* if fading time changed also change xxx to match in setTimeout(carousel, xxx); */
.w3-animate-fading {
    animation: fading 5s infinite
}

@keyframes fading {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

/* mobile devices resize */
@media only screen and (max-width: 425px) {
    .MyText {
        font-size: 2.1vmax;
    }
    .heading {
        margin: 1em .2em 0 .2em;
    }
    .btn-h3 {
        font-weight: 500;
    }
    .coming-soon {
        margin-bottom: 0px;
    }
}