*{box-sizing:border-box}body{background-image:url(bg-left.832420fa.gif),url(bg-right.ed9d771e.gif);background-position:0,100%;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;background-size:auto 100%,auto 100%;margin:0}body,button,input,select{font-size:18px;font-family:serif}.container{max-width:900px;margin:auto;background-color:#fff;padding:30px;border-width:0 5px}h1{font-size:50px;margin:0 0 20px}h1,h2{font-weight:400}h2{margin:0}.logo{display:block;width:100%}p{margin:0}header{display:grid;grid-template-columns:200px 1fr;text-align:left;margin-bottom:20px;grid-gap:20px}a{color:red}.instructions{border:1px solid red;padding:20px;margin-bottom:20px;font-size:.9em;position:relative}ul{margin:0;padding:0}li{margin:5px 0}.about{font-size:1.2em}footer{padding:20px 0;font-size:.8em}.start-holder{text-align:center;margin:20px 0}button{font-size:30px}.devices{display:grid;grid-template-columns:100px 1fr;align-items:center;margin:10px 0}.effects{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:20px}.effect{padding:20px;border:1px solid #000}.effect,.effect:first-child,.effect:nth-child(2){grid-column:span 6}.param{grid-template-columns:1fr 2fr;margin:10px 0}.param,.toggle{display:grid;align-items:center}.toggle{grid-template-columns:auto 1fr 40px;grid-gap:5px;font-size:20px;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:5px}.toggle img{width:100%}.disabled{opacity:.5}.active{background-color:#d4efff;border-color:red}.hidden{position:relative;cursor:help}.hidden div{position:absolute;background-color:#fff;border:1px solid #000;width:180px;padding:10px;z-index:1;display:none;left:10px;top:10px;font-size:14px}.hidden-image div{width:600px;top:20px;left:-300px}.hidden-image img{width:100%}.hidden-image .question{width:auto;height:18px;position:absolute}.hidden:hover div{display:block}.use-me{position:absolute;left:0;top:0;transform:rotate(-20deg)}.error{background-color:#ffb6c1}.drop-file,.error{margin:20px 0;padding:20px}.drop-file{background-color:#eee;opacity:1;color:#666;text-align:center}.drop-file input{display:none}.video-tutorial{position:absolute;right:20px;top:40px;transform:rotate(15deg);animation:lolrotate 3s infinite alternate;animation-timing-function:linear}@keyframes lolrotate{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@media (max-width:768px){header{grid-template-columns:100%}.effects{grid-template-columns:repeat(6,1fr)}.logo{width:40%;margin:auto}}