/*=========COLOUR=========*/

body            {background: #673ab7;}
h1,h2,h3,h4     {color: #ffeb3b}

/*=========LAYOUT=========*/

body {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.container {width: 420px}
.center {margin-left: auto; margin-right: auto;}
.spacer {margin-top: 30px}


/*=========ANIMATION=========*/
.note {transition: 0.3s}
.note:hover {transform: scale(1.1)}

