codepens/colorpencilscss-doodle/dist/style.css

34 lines
717 B
CSS

html {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background-color: #f9f5ed;
}
.wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin: 0;
padding: 1.5vmin;
border: .2vmin solid transparent;
-o-border-image: linear-gradient(to right, #EF524B 0, #817EE6 100%) 1;
border-image: linear-gradient(to right, #EF524B 0, #817EE6 100%) 1;
-webkit-filter: url("#chalk_2");
filter: url("#chalk_2");
}
.wrapper > *:not(:last-of-type) {
margin-right: 2vmin;
}
.title {
margin-bottom: 1.5vmin;
padding-left: 1.5vmin;
font-family: 'Kaushan Script', cursive;
font-size: 4vmin;
color: rgba(0, 0, 0, 0.7);
}