First Commit

[ssimmswork]

No description provided.

[adrianadames]

You're almost there Shian. I will merge the PR as soon as you get everything nested as I mentioned in a couple review comments.

[adrianadames]

These media queries should be nested in .container.

[adrianadames]

.topContainer should be nested under container. And then you can nest the img tag under topContainer.

[adrianadames]

nest media query under img. After doing all the nesting, it should look something like this:

.container{
	margin: auto;
	display:flex;
	justify-content: center;
	flex-direction: column;
	background-color:#877EC1;
	animation:colorChange 60s ease;
	
	@media @large{
		.maxWidth();
	}
	
	@media @mobile, @tablet{
		margin: 20px;
		animation: none;
		@media @mobile{
			background-color:white;
		}
	}

	.topContainer{
		display:flex;
		flex-direction: column;
		background-color: white;
		
		img{
			width: 100%;
			@media @mobile{
				width: 100%;
			}
		}
	}

Please have everything nested, including the elements in the

.