a.music>img,div.panel>h2,header a::after{-webkit-transition:all .3s ease-in-out 0s}#navMain a::after,#navMain:after{content:""}#navPlugins a:hover,#navSoftware a:hover,footer a:hover,p>a:hover{text-decoration:underline}body,h1,h2{font-weight:300}div.panel{display:inline-block;vertical-align:top}body{color:#333;font-family:lato,sans-serif;min-height:100vh;overflow-x:hidden}a,nav a{text-decoration:none}header a::after{transition:all .3s ease-in-out 0s}h3,header,main{text-align:center}body,h3{margin:0;background-color:#55555a}header{background-color:#fff;padding:10px 0 0}header nav{display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-end}#navMain:after{order:2;flex-basis:100%}#navMain{padding-bottom:4px}nav a,nav a:active,nav a:visited{order:3;position:relative;font-size:20px;padding:2px;margin:6px;flex:0,0 auto;color:#333}#navMain a:first-child{order:1;font-size:32px;justify-content:center}#navMain a::after{position:absolute;width:100%;max-width:160px;height:2px;bottom:0;left:0;background-color:#333;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0)}#navMain a.active::after,#navMain a:hover::after{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}#navSoftware{background-color:#f4f4f4}#navPlugins{background-color:#eaeaea}#navSoftware a{font-size:16px;margin:2px 25px}#navPlugins a{font-size:16px;margin:2px 12px}main{overflow:auto;min-height:560px;background-color:#ddd}h1{font-size:40px}p.centre{font-weight:400}#versions,p.centre{max-width:600px;text-align:justify;margin:auto auto 20px}div.panel{height:750px;text-align:left;position:relative;width:32%;margin:0;max-width:360px;background-color:#222;overflow:hidden}a>div.panel>div{transition:.3s filter linear;-webkit-transition:.3s -webkit-filter linear;-moz-transition:.3s -moz-filter linear;-ms-transition:.3s -ms-filter linear;-o-transition:.3s -o-filter linear;backface-visibility:hidden;position:absolute;width:100%;height:100%;box-shadow:0 0 50px #000 inset;-webkit-filter:blur(5px);filter:blur(5px)}a.music>img,div.panel>h2{transition:all .3s ease-in-out 0s}div.panel>h2{position:absolute;margin-top:20px;margin-left:20px;width:28px;padding:5px 2px 5px 5px;display:inline-block;text-align:center;font-size:28px;color:#fff;text-shadow:0 0 5px #000;word-wrap:break-word;letter-spacing:3px;background-color:rgba(0,0,0,.7)}summary,ul{background-color:#eee;border:1px solid #ddd}a:hover>div.panel>div{-webkit-filter:blur(0);filter:blur(0)}a:hover>div.panel>h2{margin-top:30px}#musicPanel{background-image:url(images/musicPanel.png)}#softwarePanel{background-image:url(images/softwarePanel.png)}#soundPanel{background-image:url(images/soundPanel.png)}div.wrapper{padding:1px 10px 40px;margin:20px auto;max-width:1080px;width:90%;background-color:#fff;box-shadow:0 0 2px #888}div.wrapper>img{width:90%}a.music>img{margin:10px;width:280px;height:280px;box-shadow:1px 1px 4px #888}a.music:hover>img{margin:0;width:300px;height:300px}a.music-small>img{margin:5px;width:140px;height:140px;box-shadow:1px 1px 4px #888;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}a.music-small:hover>img{margin:0;width:150px;height:150px}p>a{font-weight:700;color:#333}div.software{text-align:left}#previewWrapper,div.software h1,footer{text-align:center}summary{padding:4px;cursor:pointer}#versions{padding:10px}ul{border-top:none;list-style-type:none;padding-left:25px;margin:0}li{padding:2px}a.software img{width:44%;max-width:169px;box-shadow:0 0 2px #888;box-shadow:0 0 2px #888 inset;border:4px solid #222;margin:4px;-webkit-transition:all .1s ease-in-out 0s;transition:all .1s ease-in-out 0s}a.software:hover img{border:4px solid #eee}form{margin:auto;display:block;max-width:400px;width:80%}input.send{margin-top:20px;width:80px}form>input,form>textarea{padding:5px;font-size:20px;margin:5px;width:100%;border:1px solid #ddd;background-color:#eee;font-family:Lato,sans-serif}.g-recaptcha{width:302px;margin:auto}footer{background-color:##55555a;color:#eee;padding:10px}footer a{color:#eee;text-decoration:none;padding:2px;margin:6px;vertical-align:text-top}.twitter img{margin-bottom:-10px}.youtube img{margin-bottom:-4px}.softwareNav{padding:4px;background-color:#eee}.softwareNav a{font-size:16px;white-space:nowrap}.softwareNav a.active,.softwareNav a:hover{text-decoration:underline}.gumroad-button{margin-bottom:12px}#XY{background-image:url(/images/vowelPad.png)}#previewWrapper{margin:auto;width:164px;padding:16px}#audioSamples button{width:164px;font-size:14px;text-align:left;margin-bottom:4px;background:#eee;color:#333;border:1px solid #ddd}#audioSamples button.active{background:#ccc;border:1px solid #bbb}#audioSamples button:before{content:"► "}#audioSamples button.active:before{content:"◼ "}p.error{margin:0 0 -17px;color:red}main iframe{max-width:560px;max-height:320px;width:90%;height:45.5625vw;box-shadow:0 0 1px #888}.g-recaptcha iframe{max-width:none;width:100%;height:100%;box-shadow:none}