/* 2d_transform.css */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}

h4 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
}

main p {
    margin-top: 20px;
    margin-left: 10px;
}

nav,
header{
    padding: 20px;
        text-align: center;
        background: #341171;
}

nav,
a {
    color: rgb(128, 89, 183);
    opacity: 0.6;
    padding-top: 7px;
    padding-left: 10px;
    font-size: 30px;
}

nav,
a:hover {
    color: white;
    opacity: 1;
}

body {
    background: #b29dd2e3;
}


#clouds, #kisses, #aura {
    transition: transform 0.5s;
}

#kisses:hover{
    transform: rotate(45deg);
}

#aura:hover{
    transform: scale(1.2);;
}

.move-right{
    transform: translateX(900px);

}
article img{
    width: 300px;
}

@media screen and (max-width: 768px) {
 
    .move-right{
        transform: translateX(100px);
    }
    
}