@font-face {
  font-family: lft-etica-sheriff, serif;
}
body {font-family: lft-etica-sheriff, serif;margin:0;
font-size: 16px;
background-color: #FCF9F1;color:#0D1E22;}

.italic {font-style: italic;}

.title_name {font-style: italic;}
.home_linkboxL {padding:2rem;position: absolute;height:calc(100vh - 4rem); display: flex;flex-direction: column;justify-content: center;z-index: 10;}
.home_linkboxR {font-style: italic;padding:2rem;position: absolute;height:calc(100vh - 4rem); display: flex;flex-direction: column;justify-content: center;z-index: 10;right:0;top:0;}
.home_linkboxL a, .home_linkboxR a {color:#0D1E22; text-decoration: none;}
#new_work {text-align: right;}
#older_work {text-align: right;}
.home_image img{width:50vw;}
.home_image {height:100vh;display: flex; flex-direction: column;justify-content: center;z-index: 1;align-items: center;}

#new_work:hover {text-decoration: underline;}
#older_work:hover {text-decoration: underline;}
.home_linkboxL a:hover {text-decoration: underline;}
.image_grid {
display: grid;
grid-template-columns: 1fr 60vw 1fr;
grid-row-gap: 8vh;padding-top:calc(8vh - 3rem);padding-bottom: 5vh;
}
.year_block{position: absolute;padding-top:0;right:1rem;}
#scroll {cursor: pointer;}
#scroll:hover {text-decoration: underline;}
#underline {text-decoration: underline;}
.header {display: flex;justify-content: space-between;padding:1rem;font-style: italic;}
.header a{color:#0D1E22;}

.imgblock {display: flex;justify-content: center;}
.imgblcok img{display: block;}
#vertical {height:90vh;}
#horizontal {width:60vw;}
#square {width:50vw;}

.txtblockL {font-size: 14px;text-align: right;display: flex; padding:2rem;align-items: center;justify-content: flex-end;}
.txtblockR {font-size: 14px;text-align: left;display: flex; padding:2rem;align-items: center;justify-content: flex-start;}
#mobile {display: none;}
#desktop {display: block;}

.about_grid {display: grid;
grid-template-columns: calc(55vw - 1rem) calc(45vw - 1rem);
padding: 1rem;}
.about_grid a {color:#96A1B5;}

.about_image img {width:100%;}
.about_image {float:right;padding-bottom: 1rem;}
.about_text {padding:none;}
.ul {text-decoration: underline;}
.credit{position: absolute;right:1rem;font-size: 13px;display: inline-block;padding-bottom:1rem;}
.credit a {color:#96A1B5;}
.mobile_links {display: none;}
@media screen and (max-width:767px) {
.home_linkboxL {padding:0;top:2rem;flex-direction: row;width:100vw;height:auto;}
.home_linkboxR {display:none;}
.home_image img{width:90vw;}
.home_image {height:100%;left:5vw;position: absolute;display: flex; flex-direction: column;justify-content: center;z-index: 1;align-items: center;}

#older_work {margin-left:110px;}
.mobile_links {position: absolute; bottom: 5rem;width: 100vw;display: flex;flex-direction: column;z-index: 10;font-style: italic;}
.mobile_links a{color:#0D1E22; text-decoration: none;}
#new_work {width:auto;text-align: center;}
#older_work{width:auto;text-align: center;margin-left: 0;}
.image_grid {grid-template-columns: 1fr;grid-row-gap: 1rem;margin-top:2rem;padding-bottom:0;}
#image_grid_3d {margin-top:0;}
.year_block{position: absolute;padding-top:0;right:5vw;margin-top:-3rem;}
.txtblockL {display: none;}
.txtblockR {text-align: center;display: flex; padding:.5rem;align-items: center;justify-content: center;}
#vertical {width:90vw;height:auto;}
#horizontal {width:90vw;}
#square {width:90vw;}
#mobile {display: block;}
#desktop {display: none;}
.about_grid {grid-template-columns: 1fr;}
.imagebio {grid-row-start: 1;padding-bottom:5rem;}
.about_image {position: relative;top:auto;right:auto;}
.about_image img {}
.cv {grid-row-start:2;}
}