|
- @use "sass:map";
- @use "sass:color";
- @use "vars/vars";
- @use "services";
- @use "web";
- @use "home";
- @use "projects";
- @use "about";
- @use "contact";
-
- @font-face {
- font-family: "EBGaramond";
- src: url("font/EBGaramond/EBGaramond08-Italic.otf") format("opentype");
- font-style: italic;
- font-weight: bold;
- }
- @font-face {
- font-family: "EBGaramond";
- src: url("font/EBGaramond/EBGaramond12-Regular.otf") format("opentype");
- font-style: normal;
- font-weight: normal;
- }
-
- @font-face {
- font-family: "EBGaramond";
- src: url("font/EBGaramond/EBGaramond08-Regular.otf") format("opentype");
- font-style: normal;
- font-weight: bold;
- }
-
- @font-face {
- font-family: "EBGaramond";
- src: url("font/EBGaramond/EBGaramond12-Italic.otf") format("opentype");
- font-style: italic;
- font-weight: normal;
- }
-
- @font-face {
- font-family: "EBGaramond-initials2";
- src: url("font/EBGaramond/EBGaramond-InitialsF1.otf") format("opentype");
- font-style: normal;
- font-weight: normal;
- }
-
- @font-face {
- font-family: "EBGaramond-initials";
- src: url("font/EBGaramond/EBGaramond-Initials.otf") format("opentype");
- font-style: normal;
- font-weight: normal;
- }
-
- html body {
- font-family: 'EBGaramond', 'Times New Roman';
- background: url("background/interlaced/interlaced.png") repeat;
- margin: 0;
- }
-
- h2 {
- color: map.get(vars.$theme-colors, 'h2');
- font-weight: 600;
- font-size: 2em;
- }
-
- h3 {
- color: white;
- font-size: 3rem;
- margin: 0;
- }
-
- h4 {
- color: black;
- margin: 10px 0;
- font-size: 1.4rem;
- }
-
- main {
- margin: 0 10px;
- margin-bottom: 100px;
- }
-
- main section {
- margin: 30px auto 0 auto;
- max-width: 50em;
- background: white;
- padding: 10px 20px;
- border-radius: 0;
- //box-shadow: 3px 4px 3px grey;
- }
-
- p {
- font-size: 1.2em;
- color: map.get(vars.$theme-colors, 'p');
- }
-
- a {
- text-decoration: none;
- }
- footer {
- background-color: map.get(vars.$theme-colors, 'col5');
- //display: flex;
- font-family: Times;
- padding-top: 2em;
- padding-bottom: 2em;
- color: #aaa;
- bottom: 0;
- margin-top: 8em;
- a{
- font-size: 0.8rem;
- margin: 0 5%;
- color: #aaa;
- &:hover{
- color: #ddd;
- text-decoration: none currentcolor solid;
- }
- }
- .foot-links{
- max-width: 50em;
- border-bottom: 1px solid #555;
- margin: auto;
- //margin-left: auto;
- //margin-right: auto;
- padding-bottom: 5px;
- }
- small{
- padding: 1% 10%;
- display: block;
- position: relative;
- margin: 0 auto;
- text-align: center;
- }
- }
-
- .btn-grey {
- color: vars.getColor('p');
- background: white;
- border: 1px solid vars.getColor('p');
- border-radius: 3px;
- padding: 0.7em;
- text-decoration: none;
- text-align: center;
- margin: 0 auto;
- font-weight: bold;
- }
-
- .btn-grey:hover {
- color: white;
- background: vars.getColor('p');
- }
-
- .btn-black {
- color: black;
- background: white;
- border: 1px solid black;
- border-radius: 3px;
- padding: 0.7em;
- text-decoration: none;
- text-align: center;
- margin: 0 auto;
- font-weight: bold;
- }
-
- .btn-black:hover {
- color: white;
- background: black;
- }
|