diff --git a/style.sass b/style.sass index e888ad4..3fc29b8 100644 --- a/style.sass +++ b/style.sass @@ -1,94 +1,97 @@ -body - background-color: #10011f - grid-template-columns: 500px 1fr - display: grid - color: white - font-family: "Sitka Small" - padding-top: 30px - padding-right: 50px - -header - display: grid - grid-template-rows: 0fr 0fr 1fr - text-align: center - justify-items: center - padding: 0 40px - - .subtitle - text-transform: uppercase - font-family: "Starstreak" - font-size: 16px - margin-top: 10px - - nav - background-color: #332044 - display: flex - flex-direction: column - gap: 15px - margin-top: 30px - width: 100% - align-items: center - font-size: 1.2em - - h3 - text-align: center - - a - text-align: left - width: 180px - color: #dbb7ff - - &::before - content: "> " - -main - padding: 0 40px - - #panels - display: grid - grid-template-columns: 1fr 1fr - gap: 30px - - img - width: 100% - - nav - display: flex - flex-direction: row - justify-content: center - gap: 24px - margin: 20px 0 - .navsec - display: flex - flex-direction: row - gap: 24px - background-color: #332044 - padding: 10px 20px - a - font-size: 2em - color: #dbb7ff - text-decoration: none - - section - margin-bottom: 50px - - #description - // margin-top: 50px - - & > :first-child - font-size: 1.3em - - strong - color: #dbb7ff - - #about - background-color: #332044 - padding: 10px 20px - -@font-face - font-family: Starstreak - src: url("starstreak.woff2") format("woff2") - -@font-face - font-family: "Sitka Small" +body + background-color: #10011f + grid-template-columns: 500px 1fr + display: grid + color: white + font-family: "Sitka Small" + padding-top: 30px + padding-right: 50px + +header + display: grid + grid-template-rows: 0fr 0fr 1fr + text-align: center + justify-items: center + padding: 0 40px + + .subtitle + text-transform: uppercase + font-family: "Starstreak" + font-size: 16px + margin-top: 10px + + nav + background-color: #332044 + display: flex + flex-direction: column + gap: 15px + margin-top: 30px + width: 100% + align-items: center + font-size: 1.2em + + h3 + text-align: center + + a + text-align: left + width: 180px + color: #dbb7ff + + &::before + content: "> " + +main + padding: 0 40px + + #panels + display: grid + grid-template-columns: 1fr 1fr + gap: 30px + + img + width: 100% + + nav + display: flex + flex-direction: row + justify-content: center + gap: 24px + margin: 20px 0 + .navsec + display: flex + flex-direction: row + gap: 24px + background-color: #332044 + padding: 10px 20px + a + font-size: 2em + color: #dbb7ff + text-decoration: none + + section + margin-bottom: 50px + + #description + // margin-top: 50px + + & > :first-child + font-size: 1.3em + + strong + color: #dbb7ff + + #about + background-color: #332044 + padding: 10px 20px + + img + max-width: 50px + +@font-face + font-family: Starstreak + src: url("starstreak.woff2") format("woff2") + +@font-face + font-family: "Sitka Small" src: url("sitka-small.woff2") format("woff2") \ No newline at end of file