@font-face{font-family:system;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Ubuntu Light"),local("Segoe UI Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}body{background-color:#fff}.text--center{text-align:center}header h1{color:#000;font-family:system,sans-serif}.browser-window{margin:0 auto;width:60vw;min-width:260px;height:400px;height:33.75vw;min-height:400px;background-color:#fff;border-radius:5px;background-color:#392338;overflow:hidden}.browser-window .heading{height:20px;background-color:#f6f6f6;font-size:0}.browser-window .heading .button{display:inline-block;margin:5px;width:10px;height:10px;border-radius:50%;font-size:medium}.browser-window .heading .button.close{background-color:#ef6c61}.browser-window .heading .button.minimize{background-color:#f7c050}.browser-window .heading .button.full-screen{background-color:#63cc58}.browser-window .content{position:relative;height:calc(100% - 20px);width:100%}.browser-window .content.top-right .koc-menu{position:absolute;right:0}.browser-window .content.bottom-left .koc-menu{position:absolute;left:0;bottom:0}.browser-window .content.bottom-right .koc-menu{position:absolute;right:0;bottom:0}.grid{margin:20px 0 0}.grid .row{margin:0 auto;width:80vw}.grid .row .column{display:inline-block;font-size:medium}.grid .row .column .button{margin:10px;width:10rem;height:5rem;border:1px solid #392338;border-radius:3px;background-color:transparent;font-size:1.1em;font-weight:700;font-family:system;cursor:pointer}.grid .row .column .button:hover{border-color:#ff947f;color:#ff947f}.grid .row .column .button.active{border-color:#2aa3c0;color:#2aa3c0}