/**
 * DuoCoder - DuoCoder is inspired by Duolingo, a free language-learning platform.
 * @version v0.0.1
 * @author Jason Park
 * @link https://github.com/parkjs814/DuoCoder
 * @license MIT
 */
﻿@import url("https://fonts.googleapis.com/css?family=Ubuntu+Mono");html,body{width:100%;height:100%;box-sizing:border-box}body{padding:0;margin:0}*{text-decoration:none}a{color:#ab9a8b}body{background:#4b3c30;font-family:'Ubuntu Mono', monospace;font-size:24pt;color:#ab9a8b;text-align:center}::-webkit-scrollbar{display:none}.sidemenu{position:absolute;left:0;width:20%;height:100%;background:#382a1f}.panel{position:absolute;width:40%;height:100%;box-shadow:-4px 0 4px 0px rgba(0,0,0,0.15)}#lang-from{left:20%}#lang-to{left:60%}.bar{height:64px;line-height:64px;background:#4b3c30;color:#ab9a8b;font-weight:bold}.bar .title{position:absolute;width:100%}.logo,.title{color:#f2dfd0}.progress{position:absolute;background:rgba(0,255,0,0.2);top:0;height:64px;width:0;transition:width .5s}.panel .bar{font-size:.8em}.code-container{position:absolute;background:#382a1f;height:50%;width:100%}.code-container .code{position:absolute;top:64px;bottom:0;left:0;right:0;font-size:.6em}.desc-container{position:absolute;top:50%;height:50%;width:100%}.desc-container .desc,.desc-container .blur{background:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:scroll;font-size:.6em;text-align:left}.desc-container .desc{padding:0 24px}#index{position:absolute;top:64px;bottom:64px;text-align:left;font-size:.7em;list-style:none;margin:0;padding:16px 28px;overflow:scroll}#index>li{cursor:pointer;margin-top:12px;font-weight:bold}#index>li.active{color:#f2dfd0}#index .sub{display:none;font-size:.9em;margin-bottom:24px;padding-left:32px}#index .sub>li{cursor:pointer;margin-top:8px}#index .sub>li.active{color:#f2dfd0}#index>li.active+.sub{display:block}.button{font-size:.75em;color:white;cursor:pointer}#next{position:absolute;bottom:0;width:100%;background:rgba(0,255,0,0.2);transition:background .5s}#next:before{content:'Let me try!'}#next.selected{background:rgba(255,0,0,0.2)}#next.selected:before{content:'Back to the answer'}#next.next:before{content:'Next'}.match.selected{background:rgba(0,255,0,0.5)}#comparison{padding-bottom:24px}#comparison h2{color:#ab9a8b;margin-bottom:0}#comparison h6{color:#ab9a8b;margin-top:4px;margin-bottom:24px;font-weight:normal}#comparison .line-number{color:#f2dfd0;margin-top:16px;margin-bottom:4px;text-decoration:underline}#comparison .group+.group:before{color:#ab9a8b;content:" → "}#comparison .empty:before{color:#ab9a8b;font-style:italic;content:"(nothing)"}.blur{display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}code{font-size:.8em;font-family:monospace;background:#382a1f;padding:4px 8px;display:inline-block;margin:2px 0}.temp-snippet{display:none}
