html,body{margin:0;padding:0;font-family:Roboto Condensed;background-color:#000;color:#f8f8f8;text-align:center}.cursor-left{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABE0lEQVR4nO3YMUoEQRBG4U7MvIEYGa6oaCSCsaAewVw9j4qiYqQYeAMT72Df55OFDpaBldXZmZ0e6kGlw/uHpruqUgqCIAiCoB3YxCmOsJZqAdu4xTdyqU9M0pDBLu5mpJv1hfU0NLCHh1/E80ydpaGAAzwtKJ5LXQ5BfL+c8fyPul61+F//eF55gCL+3FI89x4Ah3hdknjuLUARf1uyeO48QBF/70g8dxYAx/joWDx3EmD6wZ7E89IDYKvRr1QX4KJn+RwBRnWEpuCq6gDVX6OjeMhG00rM6UJfqg1QfTs9moFmNCPlnKH+sbqhfs5a5X7BAOdpqGCnysVWE0xwU91qsQk2cFIexnqWu0EQBEGQWvIDYPd9pCwP+okAAAAASUVORK5CYII=),auto}.cursor-right{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDElEQVR4nO3YPUoDcRCG8b+FXW6ghdaKCFYiip2CoAewl+h5RISUiZ3JBWz0Cmbv85PAroQU4kc+dnAeeKtt5mFhd+YtJUmSJEn+C1jHES6wWSKBXbygqjPGPXZK20EHb1PDz+YBe6Wt4OqL4afziP3SNnD7TYEmPRyUtoC7Hwo06eM0skDVChF/F2gyWImI+Qk0eZqIYC2qQJMhzhYuskCBqs5ooSJLEKjqPOMkskBVpxtdYIztyAIVrlNghW/gHVslsMDN3IZfwWf0eK7DL0lgFPVHNoy6SoRd5gZR1+l+1IOm35aTshv9qL+MXqt08Bq22JowqRDDVosz5e4hzrHx+SBJkiRJkvIrPgDwBJCC05qVEwAAAABJRU5ErkJggg==),auto}.grid-container{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;width:100%;height:100vh;position:relative}.grid-item{display:flex;justify-content:center;align-items:center}.box{position:relative;display:flex;justify-content:center;align-items:center;max-width:100%;max-height:100%;grid-column:2;grid-row:2}.butt-index{position:fixed;top:.5vw;right:.5vw;width:3vw;opacity:.5;z-index:9999;cursor:pointer}.photo{display:block;max-width:100%;max-height:100%;object-fit:contain}.side-container{height:100%}.side-container.left{grid-column:1;grid-row:2;background-color:#0000001a}.side-container.right{grid-column:3;grid-row:2;background-color:#0000001a}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.photo-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000}img{max-width:100%;max-height:100%;display:block}p{color:#fff}