header{font-family:"Roboto", sans-serif;padding:20px;display:flex;align-content:flex-start;align-items:center;justify-content:space-between;color:#f1f1f1;z-index:1;background-color:rgba(18,18,18,0.9)}h1,h2,h3,h4,p,a{font-family:"Roboto", sans-serif;color:white}h2{margin:0}.title{float:left}.title>img{width:100%}.extras{display:flex;float:right;align-items:center}.pages{padding-inline:10px}.pages>a{padding-inline:2px}i:hover{opacity:0.5}.icons{padding-inline:10px}body{background-color:#121212;margin:0}.gallery{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.example{width:380px;height:280px;font-family:Poppins}.example>img{width:inherit;height:inherit;object-fit:cover;position:absolute;border-radius:inherit}.example>video{width:inherit;height:inherit;object-fit:cover;position:absolute;border-radius:inherit}.example:hover>img{opacity:0.5}.example:hover>video{opacity:0.5}.exampleInfo{color:white;width:inherit;height:inherit;position:relative;border-radius:inherit;display:flex;align-items:center;text-align:center;font-size:20px;opacity:0;justify-content:center;flex-direction:row}.info1>h4{display:flex;align-items:center;justify-content:center}.exampleInfo:hover{opacity:1}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(18,18,18,0.9)}.modal-content{position:relative;margin:auto;padding:0;width:90%}.close{color:white;position:absolute;top:10px;right:25px;font-size:35px;font-weight:bold}.close:hover,.close:focus{color:#999;text-decoration:none;cursor:pointer}.mySlides{display:none;align-items:center;flex-direction:row}.cursor{cursor:pointer}.column{display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;flex-wrap:nowrap;overflow-x:scroll}.democursor{width:25%}.prev,.next{color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}.next{float:right}.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)}.caption-container{width:360px;padding-inline:15px;color:white;margin:15px}.video-container,.image-container{padding-inline:15px;width:840px;height:auto}.content{width:100%}@media only screen and (max-width: 720px){.mySlides{flex-direction:column}.video-container{padding-inline:0px;width:auto;height:auto}.modal-content{width:100%}.caption-container{width:75%}}a{color:#FFFFFF;text-decoration:none;padding-inline:10px}a:hover{opacity:0.5}.bio{display:flex}.bio>.text{width:60%;padding:5%}.bio>.image{width:100%;background-color:white}
