@ -21,12 +21,36 @@ h2 {
font-weight: 200;
font-size: 1.2vw;
color: #396873;
}
.h2-text {
font-family: 'Libre Baskerville', serif;
font-style: italic;
.info-container {
display: flex;
width: 10vw;
display: block;
width: 15vw;
padding-top: 1.5vw;
padding-left: 1.5vw;
padding-bottom: 1.5vw;
.info-top {
width: 100%;
height: 50%;
.title {
padding-bottom: 1vw;
border-bottom: 0.1px solid #396873;
.info-bottom {
display: table-cell;
vertical-align: bottom;
@ -9,9 +9,12 @@
<div class="info-container">
<div class="info-top">
<h1>berna bereit </h1>
<h1 class="title">berna bereit </h1>
<h2> special issue 23</h2>
</div>
<div class="info-bottom">
<span class="h2-text">this is the source of the code used for the canvas - use it yourself</span>
<canvas></canvas>