@import "https://fonts.googleapis.com/css?family=Lato&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Lato,sans-serif}html{overflow-y:scroll}@media only screen and (width<=800px){body h1{width:100%;font-size:11vw;line-height:9vw}body .maindiv{width:100%}body .sound-container{width:100%;padding-bottom:1vh}body .video-container{width:100%}body h2{color:#fff;background-color:#000;width:80%;margin:auto;font-size:calc(1.4vw + 14px);line-height:calc(6vw + 15px)}body .bio{text-align:justify;width:97%;margin:auto;padding:5px;font-size:3.5vw}body table{text-align:center;border-spacing:0 1rem;width:100%;font-size:3.5vw}body .buttonw,body .buttonb,body .buttonc{color:#000;width:33.33%;height:100%;font-family:lato,sans-serif;font-size:3vw;font-weight:1000;line-height:150px;text-decoration:none;transition:all .3s ease-out}body .buttonw:hover,body .buttonc:hover,body .buttonb:hover{cursor:grab;color:#fff;background-color:#000;font-size:4vw}body .infotext>p{width:100%;margin:0;padding-top:1vh;padding-bottom:1vh;font-size:calc(1.6vw + 10px)}body .video{height:47vw}body .buttonbox{margin-top:-1.5vh}}body{text-align:center;width:87%;margin:auto}.maindiv{z-index:2;width:700px;margin:auto;position:relative}h1{text-align:center;width:100%;font-size:95px;line-height:90px}h2{color:#fff;background-color:#000;width:700px;margin:auto;font-size:30px;line-height:80px}.bio{text-align:justify;width:700px;margin:auto;font-size:25px}.biodiv{flex-flow:wrap;justify-content:space-evenly;width:100%;margin:auto;padding-top:0;padding-bottom:0;display:flex}table{text-align:center;table-layout:fixed;border-spacing:10px 1.5rem;width:700px;font-size:22px}.infotext{text-align:center;color:#000;text-align:justify;background-color:#fff;width:100%;margin:0;padding:0;font-size:26px}.buttonbox{box-sizing:border-box;color:#000;border:6px solid #000;flex-direction:row;justify-content:space-evenly;width:100%;height:170px;margin-top:-30px;display:flex}.buttonw,.buttonb,.buttonc{color:#000;background-color:#fff;width:100%;height:100%;font-family:lato,sans-serif;font-size:25px;font-weight:1000;line-height:150px;text-decoration:none;transition:all .3s ease-out}.buttonw:hover,.buttonc:hover,.buttonb:hover{cursor:grab;color:#fff;background-color:#000;font-size:35px}.workbox,.workbox2{flex-flow:wrap;justify-content:space-around;width:80%;height:1000px;margin:auto;display:flex}.worknav{box-sizing:border-box;border:5px solid #000;flex-direction:row;justify-content:space-between;width:50%;margin:auto;display:flex}.link{color:#000;width:100%;height:100%;font-size:30px;font-weight:1000;line-height:150px;text-decoration:none;transition-duration:.2s}.link:hover{color:#fff;background-color:#000}.ballcontainer{z-index:1;flex-flow:wrap;justify-content:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ball{background-color:#fff;width:50px;height:50px;transition-duration:.2s}.ball:hover{background-color:#000}.sound-container{flex-direction:column;width:700px;margin:auto;padding-bottom:40px;display:flex}.video-container{flex-flow:column wrap;width:700px;margin:auto;padding-top:0;padding-bottom:1vw;display:flex}.video{height:395px;padding:0}li{text-align:left;list-style:none}a{color:#000;box-sizing:border-box;background-color:#fff;text-decoration:none}a:hover{color:#fff;background-color:#000;transition-duration:.2s}