You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

82 lines
1.4 KiB
CSS

@font-face {
font-family: 'worksans';
src: url('css/fonts/worksans/WorkSans-Regular.woff') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'worksans';
src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'worksans';
src: url('./css/fonts/worksans/WorkSans-Italic.woff') format('opentype');
font-weight: normal;
font-style: oblique;
}
@font-face {
font-family: 'worksans';
src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype');
font-weight: bold;
font-style: oblique;
}
body {
font-family: 'worksans', sans-serif;
color: #ebebe6;
min-height: 100vh;
background-color: #130149;
margin-top: 0px;
box-sizing: border-box;
display: flex;
}
.image-container {
display: flex;
flex-direction: column;
margin-left: 20px;
}
.link {
margin-bottom: 30px;
cursor: pointer;
position: relative;
}
.box-container {
display: none;
color: #130149;
border-radius: 6px;
padding: 6px;
margin-left: 20px;
font-size: 18px;
width: 65vw;
position: absolute;
top:70px;
left: 100%;
}
.last-clicked .text-box {
display: block;
margin-left: 20px;
}
.last-clicked .box-container {
display: flex;
flex-direction: column;
}
#hut {
position: fixed;
top: 20px;
right: 20px;
width: 100px;
height: auto;
z-index: 1000;
}