*,
*:before,
*:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
}

/* Layout */
.ba-container{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1200px;
}
/* Typography */

input[type="submit"],
input[type="button"],
button{
    -webkit-transition: color .3s ease-in, border-color .3s ease-in, background-color .3s ease-in, opacity .3s ease-in;
    -moz-transition: color .3s ease-in, border-color .3s ease-in, background-color .3s ease-in, opacity .3s ease-in;
    transition: color .3s ease-in, border-color .3s ease-in, background-color .3s ease-in, opacity .3s ease-in;
}
input[type="submit"],
input[type="button"],
button,
.ba-button{
    display: inline-block;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {

    -webkit-transition: color .3s ease-in, border-color .3s ease-in, background-color .3s ease-in, opacity .3s ease-in;
    -moz-transition: color .3s ease-in, border-color .3s ease-in, background-color .3s ease-in, opacity .3s ease-in;
    transition: color .3s ease-in, border-color .3s ease-in, background-color .3s ease-in, opacity .3s ease-in;
}
main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 10px;
    height: 100%;
    background: linear-gradient(30deg, rgb(111, 111, 255), rgb(254, 243, 255));
}
img{
    width: 650px;
    margin-bottom: 5px;
}
img:hover{
    transform: scale(1.015);
}
a:first-child img{
    box-shadow: 0 0 15px 2px #dc2074;
}
a:nth-child(2) img{
    box-shadow: 0 0 15px 2px #414648;
}
a:nth-child(3) img{
    box-shadow: 0 0 15px 2px #bdc3d9;
}
a:last-child img{
    box-shadow: 0 0 15px 2px #e4eded;
}