/*this code is also awful pls no looky. */
body {
	
    background-image: url("images/tswifty.jpg");
	background-size: contain;
	background-position:bottom-left;
	background-attachment: fixed;
	background-repeat: no-repeat;

	
	
}


h1 { 
	position: relative;
	left: 35%;
	font-family: "Comic Sans MS";
	color: red;
	font-size: 55;

}

.mack {
	position: relative;
	left: 15%;

}

.macky {
	height: 35%;

}



.hab {
	max-width: 25%;
    position: relative;
	float: left;
    -webkit-animation: mymove 3s infinite; /* Chrome, Safari, Opera */
	-webkit-animation-direction: alternate;
    animation: mymove 3s infinite;
	animation-direction: alternate;
}

.hab img {
	height: 30%;
	max-width: 500px;
	position: relative;
}

/*cause fuck having useful classes lol */
.habr {
    position: relative;
    -webkit-animation: mymover 3s infinite; /* Chrome, Safari, Opera */
	-webkit-animation-direction: alternate;
    animation: mymover 3s infinite;
	animation-direction: alternate;
}

.habr img {
	height: 30%;
	max-width: 500px;
	position: realtive;
}

@-webkit-keyframes mymover {
    from {right: 2%;}
    to {right: 20%;}
}

@keyframes mymover {
    from {right: 2%;}
    to {right: 20%;}
}

@-webkit-keyframes mymove {
    from {left: 2%;}
    to {left: 25%;}
}

@keyframes mymove {
    from {left: 2%;}
    to {left: 25%;}
}




@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img#bridge {
	position: relative;
	height: 15%;
	float:left;
	left: 27%;
    animation: blink 3s;
    animation-iteration-count: infinite;
}