site/sass/style.scss

81 lines
1.1 KiB
SCSS
Raw Normal View History

2022-10-22 09:24:08 -05:00
@import url("https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/cascadia-code.min.css");
//Variables
.container {
margin: auto;
width: 75%;
2022-10-25 16:02:12 -05:00
height: 75%;
2022-10-24 09:22:35 -05:00
padding: 12%;
}
body {
2022-10-24 10:09:39 -05:00
background: #061115;
//background-image: url('siteBackground.png');
color: #d9d7d6;
2022-10-22 09:24:08 -05:00
font-family: 'Cascadia Code', sans-serif;
2022-10-24 09:22:35 -05:00
font-size: 100%;
2022-10-26 07:50:22 -05:00
//outline stuff
outline-style: solid;
outline-width: 2px;
outline-color: #8CD7AA;
2022-10-26 19:08:41 -05:00
outline-offset: -40px;
//padding
2022-10-26 07:50:22 -05:00
padding: 0.5em 0.7em 0.5em;
2022-10-26 19:08:41 -05:00
2022-10-26 07:50:22 -05:00
//padding: 10%;
2022-10-22 09:24:08 -05:00
}
hr {
border-top: 2px solid #DF5B61;
border-radius: 2px;
}
li {
2022-10-24 09:22:35 -05:00
list-style-type: "\03BB";
list-style-position: outside;
color: #78B892;
2022-10-24 09:22:35 -05:00
padding-left: 10px;
//font-size: 17px;
}
img {
height: 20%;
width: 20%;
}
2022-10-22 09:24:08 -05:00
2022-10-24 09:22:35 -05:00
a {
font-size: 100%;
}
2022-10-22 09:24:08 -05:00
/* unvisited link */
2022-10-25 16:02:12 -05:00
a:visited {
2022-10-22 09:24:08 -05:00
color: #E9967E;
}
/* visited link */
2022-10-25 16:02:12 -05:00
a:link {
2022-10-22 09:24:08 -05:00
color: #BC83E3;
}
/* mouse over link */
a:hover {
color: hotpink;
}
/* selected link */
a:active {
color: blue;
}
2022-10-24 09:22:35 -05:00
.title {
font-size: 170%;
2022-10-26 07:50:22 -05:00
text-align: left;
2022-10-24 09:22:35 -05:00
//padding: 1px 0.5em 1px;
}
2022-10-25 16:02:12 -05:00
2022-10-26 19:08:41 -05:00
html, body {
height: auto;
margin: auto;
padding: 5% 0;
}