:root { --bg: #ffffff; --bg-font: #ffffff; --font: #000000; }

/* unvisited link */
a:link {
    color: var(--font);
  }
  
  /* visited link */
a:visited {
    color: var(--font);
  }
  
  /* mouse over link */
a:hover {
    color: rgb(0, 0, 0);
    font-style: italic;
  }
  
  /* selected link */
a:active {
    color: var(--font);
  }

/*Extrabold*/
@font-face {
    font-family: monospace;
    font-weight: 800;
    font-style: normal;
    font-display: auto;
}

/*Semibold*/
@font-face {
    font-family: monospace;
    font-weight: 600;
    font-style: normal;
    font-display: auto;
}

/*Normal*/
@font-face {
    font-family: monospace;
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

/*Normal Italic*/
@font-face {
    font-family: monospace;
    font-weight: 400;
    font-style: italic;
    font-display: auto;
}

/*Light*/
@font-face {
    font-family: monospace;
    font-weight: 300;
    font-style: normal;
    font-display: auto;
}

/*Light Italic*/
@font-face {
    font-family: monospace;
    font-weight: 300;
    font-style: italic;
    font-display: auto;
}
* {
    box-sizing: border-box;
}

html {
    font-size: 17px;
    font-family: monospace;
    font-style: normal;
    color: var(--font);
}

body {
background-color: var(--bg);
}

.font-extrabold {
    font-weight: 800;
    font-style: normal;
}

.font-semibold {
    font-weight: 600;
    font-style: normal;
}

.font-regular {
    font-weight: 400;
    font-style: normal;
}

.font-regular-italic {
    font-weight: 400;
    font-style: italic;
}

.font-thin {
    font-weight: 200;
    font-style: normal;
}

.font-thin-italic {
    font-weight: 200;
    font-style: italic;
}

li {
/*    cursor: pointer;*/
}

ul {
    list-style: none;
    padding: 0;
}

.display-none {
    display: none !important;
}

.not-clickable {
    cursor: auto;
}

.content-block {
    display: table;
    background-color: var(--bg-font);
}

.content-block-1nd {
    padding: 2px 5px 2px 50px;
    max-width: 1200px;
}

.content-block-2nd {
    padding: 2px 5px 2px 75px;
    max-width: 1200px;
}

.content-block-3rd {
    padding: 2px 5px 2px 100px;
    max-width: 1200px;
}

.menu-item {
    display: inline-block;
    padding: 2px 5px 2px 25px;
    background-color: var(--bg-font);
    cursor: pointer;
}

.menu-item-2nd {
    padding-left: 50px;
}

.menu-item-3rd {
    padding-left: 75px;
}

.icon-rotate {
    transform: rotate(66deg);
    display: inline-block;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: pointer !important;
}

.img-item {
    height: 200px;
}

@media screen and (max-width: 900px) {
    .img-item {
        height: 200px;
    }
}

@media screen and (max-width: 600px) {
    .img-item {
        height: auto;
        width: 100%;
    }
}