a,body{color:#181818}.nav__list-item a,a{text-decoration:none}nav,nav:after,nav:before{z-index:-1;position:fixed}.archiveCard,.nav__content,.recent h3{text-align:center}#next img,.menu-icon,.np div{position:absolute}.menu-icon,footer a,main{padding:15px}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:NassimPersian;src:url(NassimPersian.woff) format("woff"),url(NassimPersian.eot) format("eot"),url(NassimPersian.ttf) format("ttf");font-style:normal;font-weight:400;font-display:swap}html{scroll-behavior:smooth}body{font-size:16px;line-height:1.618;font-family:NassimPersian,sans-serif;background-color:#fff;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";border:15px solid #181818}.menu-icon__line,body.nav-active nav,footer{background-color:#181818}#gth,.images,.menu-icon__line,.np,form input,img,textarea{display:block}.nav__content,.np,form input,img,nav,textarea{width:100%}h1,h2,h3,h4,h5{margin:3rem 0 1.38rem;line-height:1.3}h1{margin-top:0;font-size:1.802rem}h2{font-size:1.602rem}h3{font-size:1.424rem}h4{font-size:1.266rem}.recL img,p{margin-bottom:1rem}.current,p a{text-decoration:underline;text-decoration-color:#181818}.nav__list-item a{color:#fff}header{grid-area:header;position:relative}header h1,header strong{font-size:1.75rem;font-weight:700;margin:5px 10px;display:grid;line-height:1.3}header h1 span,header strong span{display:inline-block;font-size:1.5rem;width:max-content;line-height:1.3}#gth{width:max-content}main{grid-area:main}footer{grid-area:footer;padding-top:15px;display:grid;grid-auto-flow:column;justify-content:center}footer img{width:25px}.archive2d h2,.archiveCard h3,.recent h3{margin:0}.menu-icon{z-index:2;left:0;top:calc(50% - 22px);cursor:pointer;direction:ltr}.menu-icon__line{height:2px;width:30px;margin-bottom:4px;-webkit-transition:background-color .5s,-webkit-transform .2s;transition:transform .2s,background-color .5s,-webkit-transform .2s}.menu-icon__line-left{width:15px}.menu-icon__line-right{width:15px;float:right}nav{height:0;top:0;left:0;transition:height .5s}nav:after,nav:before{content:"";width:100vw;height:100vh;-webkit-transition:-webkit-transform .8s cubic-bezier(.77, 0, .175, 1);transition:transform .8s cubic-bezier(.77, 0, .175, 1),-webkit-transform .8s cubic-bezier(.77, 0, .175, 1);-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}nav:after{-webkit-transition-delay:0s;transition-delay:0s}nav:before{-webkit-transition-delay:.1s;transition-delay:.1s}.nav__content{position:fixed;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);font-size:calc(2vw + 10px);font-weight:200;cursor:pointer}.nav__list{padding:0;margin:0;display:grid;gap:1rem}.nav__list-item{position:relative;display:inline-block;opacity:0;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:opacity .2s,-webkit-transform .3s;transition:opacity .2s,transform .3s,-webkit-transform .3s;padding:5px}.g,.np div{display:grid}.g{gap:1rem}body.nav-active{overflow:hidden}body.nav-active .menu-icon__line{background-color:#fff;-webkit-transform:translateX(0) rotate(-45deg);transform:translateX(0) rotate(-45deg)}body.nav-active .menu-icon__line-left{-webkit-transform:translateX(1px) rotate(45deg);transform:translateX(1px) rotate(45deg)}body.nav-active .menu-icon__line-right{-webkit-transform:translateX(-2px) rotate(45deg);transform:translateX(-2px) rotate(45deg)}body.nav-active nav{visibility:visible;border:15px solid #fff;height:100vh;z-index:1}body.nav-active .nav__list-item{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s,color .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,color .3s,-webkit-transform .3s}.archiveCard img{filter:grayscale(.85);transition:filter .3s;margin-bottom:1rem}.archiveCard:hover img{filter:grayscale(0)}.nextP{margin-top:15px}.np{position:relative;border:8px solid #181818;height:80px;display:flex;justify-content:space-between;align-items:center}.np img{width:50px;height:50px}.np div{height:50%;width:90%;top:50%;left:50%;transform:translate(-50%,-50%)}.np span{margin:auto;font-size:1.25rem}#next img{left:0}.en{direction:ltr;text-align:left}form input,textarea{padding:15px;margin:15px 0;border:5px solid #181818}textarea{resize:vertical;min-height:250px;max-height:500px;padding:20px}input[type=submit]{width:25%;cursor:pointer;background:#fff;margin:auto}label{font-weight:700}.images{columns:2;column-gap:1rem}.images a{display:block;margin-bottom:1rem}#indexNav{display:none}.recent:nth-child(2){margin:1rem 0}@media only screen and (min-width:412px){.recent{grid-template-columns:1fr 1fr}.recent h2{grid-column:1/3}.recent h3{font-size:1.25rem}}@media only screen and (min-width:820px){.archive,.nextP,.singleWimg{grid-template-columns:1fr 1fr}.g{gap:2rem}main{padding:2rem}.nextP{margin-top:2rem;grid-template-areas:"pr nx"}#prev{grid-area:pr}#next{grid-area:nx}.images{column-gap:2rem}.images a{margin-bottom:2rem}.recent:nth-child(2){margin:2rem 0}#index .recent:first-of-type h2{margin-top:0}.recent h3{font-size:1.424rem}}@media only screen and (min-width:1024px){.archive,.recent{grid-template-columns:1fr 1fr 1fr}.g{gap:3rem}header h1,header strong{font-size:2rem;display:block}header h1 span,header strong span{display:unset;float:left;font-size:2rem}main{padding:3rem}li,p{font-size:1.125rem}.nextP{margin-top:3rem}.c2d{grid-template-columns:250px 1fr;text-align:right}.singleWimg{grid-template-columns:2fr 1fr}.art,.dualg{grid-template-columns:1fr 1fr}.images{column-gap:3rem}.images a{margin-bottom:3rem}#indexNav{display:grid;grid-auto-flow:column;font-weight:600;justify-items:center;padding:5px 0;background-color:#181818}#indexNav a{color:#fff;width:100%;text-align:center}.menu-icon,.recent .recL:last-child,.recent:first-child .recL:nth-last-child(2),nav{display:none}#gth{width:100%}.recent h2{grid-column:1/4}.recent:nth-child(2){margin:3rem 0}}@media only screen and (min-width:1366px){.archive,.recent{grid-template-columns:1fr 1fr 1fr 1fr}.recent h2{grid-column:1/5}.images{columns:3}.recent .recL:last-child,.recent:first-child .recL:nth-last-child(2){display:initial}}@media only screen and (min-width:1920px){.archive{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.g{gap:4rem}main{padding:4rem}.nextP{margin-top:4rem}.archive2d{grid-template-columns:1fr 1fr}.images{columns:4;column-gap:4rem}.images a{margin-bottom:4rem}.recent:nth-child(2){margin:4rem 0}}