body{
    background: #cdcdcd;
    width: 100%;
    margin:0 auto;
    text-align: center;
}

@media screen and(max-width: 480px) {
    img {
    border: 0;
    }
    }
@media screen and(min-width: 1280px) {
    img {
    border: 1px solid #fff;
    }
	}
	
.main {
		
        font-size: 20pt;
		color:;
        animation-name: fadein;
        animation-duration: 2s;

	}
    @keyframes fadein{
        from{
        opacity: 0;
        transform: translatey(20px);
        }
        to{
        opacity: 1;
        transform: translatey(0);
        }
    }

img:hover {
opacity:0.5;
}