#link:link,
#link:active,
#link:visited 
{
    font-size: x-large;
    color: white;
    transition: color 0.5s;
    font-family: 'Quicksand', sans-serif;
}

#link:hover {
    color: magenta;
    text-decoration: none;
}

body
{
	padding-top: 10%;
	background-image: linear-gradient(147deg, rgb(44,44,44), black, rgb(44,44,44));
	background-repeat: no-repeat;
	background-attachment: fixed;

	animation-name: launch;
	animation-delay: 0s;
	animation-duration: 1.5s;
	animation-fill-mode: both;

	font-family: 'Quicksand', sans-serif;
}

@keyframes launch {
    0% {
        background-size: 444% 777%;
    }
}

@-webkit-keyframes launch {
    0% {
        background-size: 444% 777%;
    }
}

@keyframes launchMain {
    0% {
        transform: translateY(400px);
        opacity: 0%;
    }

    5% {
        opacity: 50%;
    }
}

@-webkit-keyframes launchMain {
    0% {
        transform: translateY(400px);
        opacity: 0%;
    }

    5% {
        opacity: 50%;
    }
}

.main
{
	color: white;
	background-color: rgb(13,13,13);
	
	margin: 4%;
	margin-bottom: 13%;
	margin-top: 1%;
	padding: 4%;
	border-radius: 47px;
	font-size: large;
	font-family: 'Quicksand', sans-serif;

	animation-name: launchMain;
	animation-duration: 1s;
	animation-fill-mode: both; 
}

.battery
{
	color: lime;
}

.apparatus
{
	color: yellow;
}

.image
{
	height: 74%;
	margin-top: 1%;
	margin-bottom: 4%;
}

.imgStep
{
	border-radius: 47px;
	box-shadow: 0px 13px 13px black;
	color: black;
	background-color: white;
	margin: 4%;
	padding: 1%;
	padding-left: 2%;
	font-family: 'Quicksand', sans-serif;
	padding-right: 2%;
	transition: all 0.25s;
	margin-left: 0%;
}

/*.imgStep:hover
{	
	color: white;
	background-color: black;
	transform: scale(1.1);
}*/

@media only screen and (max-width: 1250px) {

body
    {
    	padding-top: 13%; 
        background-attachment: scroll;
        background-size: auto;
        animation: none;
        background-image: linear-gradient(to right, black, black);
        background-color: black;
    }
    
.imgStep, .imgStep:hover
{
	border: none;	
	box-shadow: none;

	font-size: x-large;
	margin-left: 0%;
	padding: 0%;
	background-color: transparent;
	color: white;
}

.main
{
	box-shadow: none;
	border-radius: 25px;
	margin: 0;
	margin-bottom: 13%;
}

.image
{
	border: none;
	width: 100%;
	height: auto;
}
}