body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.loginForm{background-color:#61dafb;padding:10px}.registerForm{background-color:#7fffd4;padding:10px}.toolsForm{background-color:khaki;padding:10px}label{padding:5px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#chatBox{background-color:#708090;margin:10px auto;padding:10px}#receivedMsgs{background-color:#fff;max-height:35vh;overflow-y:auto;padding:10px;scroll-behavior:smooth}.chatMessage{background-color:#fff;display:flex}.received{background-color:#fff;justify-content:left}.sent{justify-content:right}.authorBox{display:flex;padding-left:5px;padding-top:2px}.dateTime{font-family:monospace;font-size:small;padding-left:5px}.messageBox{margin:5px 10px}.msg{background-color:#e0ffff;border:1px solid;border-radius:5px;box-shadow:1px;display:inline-block;padding:2px 10px;text-align:left}#sendingError{color:red}#newMsgBox{display:flex;padding:15px 0}#newMsgBox input{padding:5px}#newMsgBox button{padding:0 15px}.logininput{display:block}.errorInput{background-color:#e0ffff;border-color:red}.warningMessage{color:red;width:90%}.panes{align-items:start;display:flex;padding:20px;width:100%}#leftPane{background-color:linen;display:inline-block;min-height:300vh;text-align:left;vertical-align:center;width:70%}#leftPane,#rightPane{min-width:250px;padding:20px}#rightPane{display:inline-flex}.menubar{background-color:#d3d3d3;display:flex;justify-content:space-between;padding:2px 5px}.menuleft{flex-grow:1}.menuright{flex-grow:0;position:relative;width:170px}.menuright:hover .menurightdropdown{display:block;margin:0 auto;width:170px}.menurightdropdown{background-color:#d3d3d3;display:none;height:1.5em;padding:.5em;position:absolute}.overlay{background-color:rgba(0,0,0,.5);bottom:0;cursor:pointer;display:block;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}body{margin:0;padding:0}nav{color:#2f4f4f;display:inline-block;margin:5px 10px}nav:hover{color:darkred}.centered,.logindialog{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.logindialog{background-color:#f5f5f5;padding:20px 30px}.logindialog .logo{font-family:sans-serif;font-size:3em;padding-top:10px}.logindialog .prompt{font-family:sans-serif;font-size:1.2em;padding-bottom:10px;padding-top:10px}.logindialog .forgotpassword{color:blue;text-align:right;width:100%}.logindialog .logininput{height:20px;margin-bottom:5px;margin-top:5px;width:100%}.logindialog .buttons{align-content:space-between;display:flex;padding-bottom:15px;padding-top:20px}.logindialog .buttons button{display:inline-block;margin:0 10px;width:150px}.logindialog .buttons input{display:inline-block;width:90%}body{min-height:300vh}.container{display:flex;height:10px;position:relative}.container .card{cursor:pointer;position:absolute}.container .card .face{height:200px;transition:.5s;width:300px}.container .card .face.face1{align-items:center;background:#333;display:flex;justify-content:center;position:relative;-webkit-transform:translateY(100px);transform:translateY(100px);z-index:1}.container .card:hover .face.face1{background:#ff0057;-webkit-transform:translateY(0);transform:translateY(0)}.container .card .face.face1 .content{opacity:.7;transition:.5s}.container .card:hover .face.face1 .content{opacity:1}.container .card .face.face1 .content img{max-width:100px}.container .card .face.face1 .content h3{color:#fff;font-size:1.5em;margin:10px 0 0;padding:0;text-align:center}.container .card .face.face2{align-items:center;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.8);box-sizing:border-box;display:flex;justify-content:center;padding:20px;position:relative;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.container .card:hover .face.face2{-webkit-transform:translateY(0);transform:translateY(0)}.container .card .face.face2 .content p{margin:0;padding:0}.container .card .face.face2 .content a{border:1px solid #333;color:#333;display:inline-block;font-weight:900;margin:15px 0 0;padding:5px;text-decoration:none}.container .card .face.face2 .content a:hover{background:#333;color:#fff}.container p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:200px}.modal{background-color:#000;background-color:rgba(0,0,0,.4);border:1px solid #951;height:100%;left:0;margin:0 auto;overflow:auto;position:fixed;top:0;z-index:100}.show-overlay .modal{display:flex}.modal-content{background-color:#fefefe;border:1px solid #888;margin:auto;max-width:80%;overflow:auto;padding-bottom:10px;top:20px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.hide{display:none}.noscroll{overflow:hidden}.btn{border:1px solid #ddd;border-radius:4px;box-shadow:2px 2px 10px #eee;color:#333;cursor:pointer;display:inline-block;font-size:14px;line-height:20px;margin-bottom:0;padding:4px 12px;text-align:center;transition-duration:.4s;-webkit-user-select:none;user-select:none;vertical-align:middle}.btn:hover{background-color:#ddd}.btn-large{border-radius:4px;font-size:17.5px;padding:11px 19px}#imagePreview{border:2px solid #ddd;margin:15px 0 0}.grid{display:grid;grid-template-columns:100px auto;grid-template-rows:repeat(4,1fr);min-width:80%;padding:20px}label{margin:.5em 0;padding-right:2em;text-align:right}input,label,select{place-self:center stretch}input,select{left:15%;margin-right:2em;width:100%}figure{min-height:155px}button#submitEditForm{margin:.5em .5em 1em 5em;place-self:center}button#closeEditForm{margin:.5em 5em 1em .5em;place-self:center}img{max-height:150px;min-height:150px}body.modal-modal{overflow:hidden}.tool-window{height:20px;position:relative;top:-20px}.close-window{content:"x";display:inline-block;font-size:2rem;position:relative}.video-collection-wrapper{background-color:#000;overflow-x:auto}.video-collection{display:inline-flex;padding:40px 20px}.video-control{align-items:start;display:inline-flex;flex-direction:column;padding:10px}.iframe-containder{height:0;padding-bottom:56.25%;position:relative;width:100%}.iframe-containder iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-layout{background-color:#000;background-color:rgba(0,0,0,.4);border:2px solid #951;display:block;margin:0 auto;min-height:50%;position:fixed;top:20px;width:90%;z-index:100}.wrap-collection-control{align-items:start;background-color:#888;display:block}.photo-collection-wrapper{background-color:#000;height:100%;overflow-x:auto;overflow-y:auto}.photo-collection{display:flex;flex-wrap:wrap;max-height:80vh;overflow:auto;padding:40px 20px}.video{background-color:#50a3a2;display:inline-block;margin:5px;padding:10px}.selected-bg{background-color:#ff0}.photo-control{align-items:start;display:inline-flex;flex-direction:column;padding:10px}.video-control button{margin:5px}.close-window{background-color:#fff;border:1px solid #fff;cursor:pointer;height:20px;margin:0;padding:0;text-align:center;vertical-align:middle;width:22px}.close-window:before{content:"x";position:relative;top:-16px}.tool-window{display:block;height:25px;margin:0;text-align:right;top:0;width:100%}.add-video-layout{background-color:#7fffd4;border:1px solid #951;display:block;margin:0 auto;position:fixed;top:40px;z-index:105}.add-video-content-wrapper{margin-bottom:10px;padding:10px 20px}.add-video-layout input{margin:5px 15px 5px 0}.error{border-color:red}