@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; }