}
}
-main {
+main, footer {
margin: 0 4em;
padding: 1em;
- background: #fafaff;
max-width: 70em;
+}
+
+main {
+ position: relative;
+ background: #fafaff;
min-height: 70vh;
clip-path: polygon(0px 0px, 96.35% -24px, 101.99% 7.86%, 100.61% 103.56%, 10% 100%, 0% 100%, 0px 0px);
}
}
}
}
+
+footer {
+ p {
+ text-align: right;
+ font-size: 100%;
+ }
+}
+
+#style-popup {
+ background: white;
+ button {
+ padding: 0;
+ height: 2em;
+ width: 2em;
+ text-align: center;
+ background: #eee;
+ border: 1px outset #ccc;
+ margin-right: 1px;
+ &:hover {
+ background: #ccc;
+ }
+ }
+}