Purge

1 files changed, 0 insertions, 242 deletions

diff --git a/sass/style.scss b/sass/style.scss
deleted file mode 100644
index b659d6f..0000000
--- a/sass/style.scss
+++ /dev/null
@@ -1,242 +0,0 @@
-$dark-color: #131313;
-$secondary-color: #333;    
-$light-secondary-color: #f0f0f0;
-$light-color: lightgray;
-$accent-color: #a29d7f;
-
-* {
-    box-sizing: border-box;
-    padding: 0;
-    margin: 0;
-    &:focus, &::selection {
-        background-color: inherit;
-        outline: none !important;
-        color: lighten($color: $light-color, $amount: 10);
-        @media (prefers-color-scheme: light) {
-            color: darken($color: $dark-color, $amount: 10);
-        }
-
-    }
-    letter-spacing: 0.02em;
-}
-
-body {
-    background-color: $dark-color;
-    color: $light-color;
-    @media (prefers-color-scheme: light) {
-        background-color: $light-color;
-        color: $dark-color;
-    }
-
-    font-family: Arial, Helvetica, sans-serif;
-    line-height: 1.6;
-}
-
-header {
-    text-align: center;
-    padding: 1em 0em;
-    h1 {
-        font-family: 'Times New Roman', Times, serif;
-        letter-spacing: 0.1em;
-    }
-}
-
-h2 {
-    font-family: 'Times New Roman', Times, serif;
-    letter-spacing: 0.1em;
-    text-decoration: underline $accent-color 1px;
-    margin: 1em;
-}
-
-nav {
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center;
-    padding: 0em 2em;
-    background-color: $dark-color;
-    @media (prefers-color-scheme: light) {
-        background-color: $light-color;
-    }
-
-}
-
-main {
-    margin: 2em;
-    min-height: calc(100vh - 108.8px - 25.6px - 25.6px - 32px - 32px);
-    .works {
-        display: grid;
-        row-gap: 2em;
-        column-gap: 2em;
-        @media screen and (min-width: 768px) {
-            grid-template-columns: 1fr 1fr;
-        }
-        @media screen and (min-width: 1024px) {
-            grid-template-columns: 1fr 1fr 1fr;
-        }
-    }
-    .about-me {
-        display: grid;
-        row-gap: 2em;
-        column-gap: 2em;
-        @media screen and (min-width: 1024px) {
-            grid-template-columns: 1fr 1fr 1fr;
-        }
-    }
-}
-
-footer {
-    text-align: center;
-    font-size: 0.8em;
-    background-color: $secondary-color;
-    @media (prefers-color-scheme: light) {
-        background-color: $light-secondary-color;
-    }
-
-}
-
-a {
-    text-decoration: none;
-    color: inherit;
-    &:hover {
-        border-color: $accent-color;
-        color: lighten($color: $light-color, $amount: 10);
-        @media (prefers-color-scheme: light) {
-            color: darken($color: $dark-color, $amount: 10);
-        }
-
-    }
-}
-
-h3 {
-    font-weight: 500;
-    color: $accent-color;
-}
-
-.card {
-    padding: 2em;
-    border-radius: 0.3em;
-    background-color: $secondary-color;
-    border: 1px solid $dark-color;
-    @media (prefers-color-scheme: light) {
-        background-color: $light-secondary-color;
-        border: 1px solid $light-color;
-    }
-
-    
-    ul {
-        list-style: none;
-        li {
-            padding: 0.5em;
-            span {
-                background-color: $dark-color;
-                @media (prefers-color-scheme: light) {
-                    background-color: $light-color;
-                }
-
-                padding: 0.2em;
-            }
-        }
-    }
-
-    &.work-card {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        .info {
-            display: flex;
-            flex-flow: row wrap;
-            span {
-                background-color: $dark-color;
-                @media (prefers-color-scheme: light) {
-                    background-color: $light-color;
-                }
-                padding: 0.5em;
-                margin: 0 0.5em 0.5em;
-                font-size: 0.8em;
-            }
-        }
-        &:hover {
-            border: 1px solid $accent-color;
-        }
-        height: 350px;
-        @media screen and (min-width: 480px) {
-            height: 250px;
-        }
-        @media screen and (min-width: 768px) {
-            height: 300px;
-        }
-        @media screen and (min-width: 1024px) {
-            height: 350px;
-        }
-    }
-}
-
-.works-filter {
-    padding-bottom: 2em;
-    font-size: 0.7em;
-    @media screen and (min-width: 600px) {
-        font-size: 0.9em;
-    }
-    label {
-        margin-left: 2em;
-        color: $light-color;
-        @media (prefers-color-scheme: light) {
-            color: $dark-color;
-        }
-    }
-    select {
-        background-color: $secondary-color;
-        @media (prefers-color-scheme: light) {
-            background-color: $light-secondary-color;
-        }
-        color: $accent-color;
-        border: none;
-        text-align: center;
-        padding: 0.2em;
-    }
-}
-
-.works-description {
-    margin: 2em 1em;
-    padding: 1em;
-    font-size: 0.9em;
-    border: 1px solid $secondary-color;
-    @media (prefers-color-scheme: light) {
-        border: 1px solid $light-secondary-color;
-    }
-
-}
-
-.download-button {
-    padding: 0.5em;
-    margin: 0.5em 3em;
-    font-size: 0.8em;
-    color: $accent-color;
-    border: 1px solid $secondary-color;
-    @media (prefers-color-scheme: light) {
-        border: 1px solid $light-secondary-color;
-    }
-
-}
-
-.story-text {
-    p {
-        padding: 2em;
-        margin: 2em 1em;
-        line-height: 1.8rem;
-        font-size: 0.9em;
-        background-color: $secondary-color;
-        @media (prefers-color-scheme: light) {
-            background-color: $light-secondary-color;
-        }
-
-        @media screen and (min-width: 480px) {
-            line-height: 2rem;
-            margin: 2em;
-        }
-        @media screen and (min-width: 768px) {
-            line-height: 2.5rem;
-            font-size: 1em;
-        }
-    }
-}