@import ‘variables’;
.panel {
font-family: 'Cormorant Garamond', serif; display: block; width: 100%; height: 100%; background: url(/assets/images/cover.jpg) top left no-repeat #FFF; background-size: cover; * { color: $primary-font-color; text-decoration: none; } .container { display: table; position: relative; width: 100%; height: 100%; background: linear-gradient(-45deg, rgba(0, 0, 0, 0.7), rgba(75, 75, 75, 0.4)); } .title { font-weight: 600; font-size: 4em; } .description { font-weight: 500; font-size: 1.5em; } hr { border: none; } .divider { color: $secondary-font-color; border-top: 1px solid rgba(204, 204, 204, 0.35); &.small { width: 25%; } &.large { width: 50%; } } .contents { display: table-cell; vertical-align: middle; padding: 10%; text-align: center; .title { margin: 0 0 5px 0; font-size: 2.5em; letter-spacing: 1px; } .subtitle { font-family: "Roboto Slab", serif; font-size: 1.2em; font-weight: lighter; letter-spacing: 3px; } nav * ul { margin: 0; list-style-type: none; } nav * li { display: inline-block; padding: 6px 8px; } }
}
.social-link {
border: 2px $primary-font-color solid; border-radius: 25px;
}
@media all and (min-width: $break-desktop) { }
@media all and (max-width: $break-tablet-wide) { }
@media all and (max-width: $break-tablet) { }
@media all and (max-width: $break-mobile) { }