changed some css styling

main
bernadette 10 months ago
parent 323269ae36
commit 6de5d8c2c4

@ -21,12 +21,36 @@ h2 {
font-weight: 200; font-weight: 200;
font-size: 1.2vw; font-size: 1.2vw;
color: #396873; color: #396873;
} }
.h2-text {
font-family: 'Libre Baskerville', serif;
font-style: italic;
font-weight: 200;
font-size: 1.2vw;
color: #396873;
}
.info-container { .info-container {
display: flex; display: block;
width: 10vw; width: 15vw;
padding-top: 1.5vw; padding-top: 1.5vw;
padding-left: 1.5vw; padding-left: 1.5vw;
padding-bottom: 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;
height: 50%;
vertical-align: bottom;
}

@ -9,9 +9,12 @@
<div class="info-container"> <div class="info-container">
<div class="info-top"> <div class="info-top">
<h1>berna bereit </h1> <h1 class="title">berna bereit </h1>
<h2> special issue 23</h2> <h2> special issue 23</h2>
</div> </div>
<div class="info-bottom">
<span class="h2-text">this is the source of the code used for the canvas - use it yourself</span>
</div>
</div> </div>
<canvas></canvas> <canvas></canvas>

Loading…
Cancel
Save