/* Copyright (c) 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

body {
  background-color: #444;
  color: #555;
  margin: 0;
  padding: 0 1em;
}

#box {
  background-color: white;
  border-top: 9px solid rgb(255, 189, 9);
  margin: 40px auto;
  max-width: 52em;
  min-width: 13em;
  padding: 50px 0 30px;
  position: relative;
}

#exit-button {
  background-color: rgb(66, 133, 244);
  border: none;
  border-radius: 3px;
  color: white;
  font-weight: bold;
  margin-top: 15px;
  padding: 15px;
}

h1 {
  color: black;
  font-size: 160%;
  font-weight: normal;
  margin: 0 0 .6em 0;
}

.icon {
  position: absolute;
}

#inner-box {
  margin: 0 80px 0 30px;
}

.main {
  margin: 1em 0 0 95px;
}

#proceed-button {
  background-color: rgb(66, 133, 244);
  border: none;
  border-radius: 3px;
  color: white;
  font-weight: bold;
  margin-top: 5px;
  padding: 15px;
}

.small {
  font-size: 87%;
  margin: 1em 0 0 95px;
}

.subtitle {
  color: rgb(66, 133, 244);
  cursor: pointer;
  font-size: 103%;
}

.title {
  margin: 0 0 0 95px;
}

.twisty {
  cursor: pointer;
  float: left;
  padding-right: 8px;
  padding-top: 3px;
}

#what-to-do {
  border-bottom: rgb(240, 240, 240) 2px solid;
  padding-bottom: 20px;
  padding-top: 2px;
}

#what-to-do-title {
  color: black;
  font-size: 110%;
}