/* Two related silver materials: expressive galleries, quieter reading sections. */
.work{
  background-image:linear-gradient(180deg,#111216 0%,#11121633 20%,#11121644 78%,#111216 100%),linear-gradient(90deg,#11121699 0%,#11121688 38%,#11121633 100%),url('assets/atmosphere-v27/liquid-chrome.jpg');
  background-size:100% 100%,100% 100%,cover;
  background-position:center,center,center 38%;
}
.about{
  background-image:linear-gradient(180deg,#111216 0%,#11121633 15%,#11121644 84%,#111216 100%),linear-gradient(90deg,#11121644 0%,#111216b3 44%,#111216d9 100%),url('assets/atmosphere-v27/soft-silver.jpg');
  background-size:100% 100%,100% 100%,cover;
  background-position:center,center,center 60%;
}
.resume{
  background-image:linear-gradient(180deg,#111216 0%,#11121666 15%,#11121666 85%,#111216 100%),linear-gradient(90deg,#111216cc 0%,#11121699 62%,#11121677 100%),url('assets/atmosphere-v27/soft-silver.jpg');
  background-size:100% 100%,100% 100%,cover;
  background-position:center,center,center 30%;
}
.contact{
  background-image:linear-gradient(180deg,#111216 0%,#11121644 24%,#11121655 78%,#111216 100%),radial-gradient(ellipse at 50% 48%,#111216d9 15%,#11121699 62%,#11121699 100%),url('assets/atmosphere-v27/liquid-chrome.jpg');
  background-size:100% 100%,100% 100%,cover;
  background-position:center,center,center 78%;
}
@media(max-width:767px){
  .work{
    background-image:linear-gradient(180deg,#111216 0%,#11121633 18%,#11121655 80%,#111216 100%),linear-gradient(90deg,#11121699 0%,#11121666 50%,#11121633 100%),url('assets/atmosphere-v27/liquid-chrome.jpg');
    background-size:100% 100%,100% 100%,cover;
    background-position:center,center,52% center;
  }
  .about{
    background-image:linear-gradient(180deg,#111216 0%,#111216bb 15%,#111216bb 84%,#111216 100%),url('assets/atmosphere-v27/soft-silver.jpg');
    background-size:100% 100%,cover;background-position:center,48% center;
  }
  .resume{
    background-image:linear-gradient(180deg,#111216 0%,#111216cc 12%,#111216cc 88%,#111216 100%),url('assets/atmosphere-v27/soft-silver.jpg');
    background-size:100% 100%,cover;background-position:center,60% center;
  }
  .contact{
    background-image:linear-gradient(180deg,#111216 0%,#11121655 24%,#11121688 80%,#111216 100%),radial-gradient(ellipse at 50% 47%,#111216bb,#11121655),url('assets/atmosphere-v27/liquid-chrome.jpg');
    background-size:100% 100%,100% 100%,cover;background-position:center,center,50% 65%;
  }
}