#playScreen{background-image:url(./calm_sea_blurred-DyYE7XJg.png);background-size:cover;background-position-y:90%;position:fixed;inset:0;overflow-y:auto}#titleScreen{background-image:url(./the_much_resounding_sea_1967.9.1-ChX2HgUJ.jpg);background-size:auto 100vh;position:fixed;inset:0;animation:wander 20s ease-in-out infinite}@keyframes wander{50%{background-position:100%,0%;background-size:auto 110vh}}#titleElements{position:absolute;bottom:10%;left:0%;padding:2%;border-radius:10px;-webkit-user-select:none;user-select:none;color:#fff;font-weight:700;text-shadow:3px 5px 10px black,0 0 10px white;background:linear-gradient(#0000,#00000080 10%,#0000001a 90%,#0000);animation:shine 4s ease-in-out infinite}@keyframes shine{50%{text-shadow:-3px 5px 4px black,2px -2px 60px white}}#titleName{font-size:12.5vh}#titleBegin,#titleAbout,#titleContinue{font-size:4.1vh;font-weight:600;color:#fff;margin:3%;text-shadow:2px 3px 8px black;text-decoration-line:none;transition:all .5s ease-out}#titleBegin:hover,#titleAbout:hover,#titleContinue:hover{text-decoration-line:underline;text-shadow:0 0 2px #fff;padding-left:4%}#aboutScreen{background-image:url(./beach_at_beverly_lessblurred-DeB_8vVI.png);background-size:cover;background-position-y:90%;position:fixed;inset:0;overflow-y:auto}nav{position:absolute;left:1%;top:4%;padding-left:1%;padding-right:1%}#back{color:#fff}h2,h3,caption,header{text-align:center;background-color:#00000080;width:100%;color:#fff;margin:0}section{background-color:#00000080;color:#fff;width:100%}section>p,ul{width:50%;margin-left:25%}footer{font-size:.9em;text-align:center;margin-top:5%;padding-top:2%;padding-bottom:30px;color:#fff;background:linear-gradient(to top,#000000e6,#0000)}footer>a{color:#fff;margin-left:1%}#feedbackForm{width:50%;margin-left:25%}table,caption{width:100%}img{width:30vh}.painting{text-align:right}#root{font-family:EB Garamond,serif;color:#213547;background-color:#fff;font-size:1.8vw}#description>p{margin-left:10%;width:80%}h1{background-color:#00000080;margin:0;padding:.25% .25% .25% 20%}#backToTitle{-webkit-user-select:none;user-select:none;text-decoration-line:none;color:#fff;font-weight:700;text-shadow:3px 5px 10px black,0 0 10px white}#information{display:flex;padding-top:.5%}#locations,#description,#items,.option{margin:.25%;border-radius:5px}#locations{width:15%;margin-left:5%;text-align:right}#description{width:60%;padding:1%;background-color:#ebebeb}#items{width:15%;margin-right:5%}#options{display:flex;flex-wrap:wrap;margin-right:20.25%;margin-left:20.25%;margin-top:.5%}.option{width:47.5%;padding:1%;cursor:pointer;color:#fff;background-color:#00000080;text-shadow:1px 1px 2px rgb(255,255,255,.8);transition:background-color .25s;text-align:center}.option:hover:not(.locked){color:#213547;background-color:#ebebeb;text-shadow:1px 2px 2px rgb(0,0,0,.2)}.option>span{font-size:2.5vh}.option>hr{margin-bottom:1%;margin-top:0%}.finalOption{width:98%;text-align:center}.locked{cursor:default;opacity:.3}.location,.item{cursor:pointer;padding-right:6px;padding-left:6px;transition:padding .25s;white-space:nowrap}.location:hover:not(.currentLocation){color:#fff;text-shadow:1px 1px 2px rgb(255,255,255,.5);background:linear-gradient(to right,#0000,#00000080)}.item:hover:not(.currentItem){color:#fff;text-shadow:1px 1px 2px rgb(255,255,255,.5);background:linear-gradient(to left,#0000,#00000080)}.currentLocation{background:linear-gradient(to right,#0000 10%,#ffffffbf 90%);text-decoration-line:underline;padding-right:8%}.currentItem{background:linear-gradient(to left,#0000 10%,#ffffffbf 90%);text-decoration-line:underline;padding-left:8%}h1,#description,.option{box-shadow:1px 3px 5px #0003}@media only screen and (max-width: 600px){#description{width:100%}#locations,#items{display:none}#options{width:100%;margin:0}.option{width:100%;padding:5%;margin-top:3px}#root{font-size:6vw}}@media only screen and (min-width: 600px) and (max-width: 1040px){#description{width:68%;margin:0}#locations{width:20%;margin:0 2% 0 0}#items{width:20%;margin:0 0 0 2%}#options{width:100%;margin:2% 0 0}.option{width:39.5%;padding:5%}.finalOption{width:98%;text-align:center}#root{font-size:2.2vh}}