@charset "UTF-8";

p{
    width: 625px;
}

/* font */

@font-face {
  font-family: hostgrotesk;
  src: 
    url('HostGrotesk-VariableFont_wght.ttf') format('truetype');
  font-weight: 300-800;
  font-style: normal;
}

.blank{
    grid-column: 6;
    grid-row: 1 / 3;
}

.e{
    grid-column: 1 / 4;
    grid-row: 3 / 9;
}

.blank1{
    grid-column: 4;
    grid-row: 3 / 9;
}

.g{
    grid-column: 5 / 7;
    grid-row: 3 / 5;
}

.h{
    grid-column: 5 / 7;
    grid-row: 5 / 7;
}

.i{
    grid-column: 5 / 7;
    grid-row: 7 / 9;
}

/* specific images */

.portrait{
    width: 232px;
    height: 330px;
}

.bauhausdesign{
    width: 232px;
    height: 331px;
}

.lissitzkydesignorange{
    width: 226px;
    height: 288px;
    transform: translate(60px, 40px) rotate(-30deg);
}

/* alignments */

.right-align{
    display: flex;
    justify-content: right;
}