/*!
 * Start Bootstrap - Resume v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/resume)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
 */
:root {
  --gold1: #BD5D38; 
  --gold: #bc6544; 
  --dark: #45505b;
  --gray: #868e96;
  --cgray: #ccc;
}
html, body { height: 100%;}
body {
  font-family: 'Open Sans', serif;
  padding-top: 54px;
  color: #868e96; 
  background: #000 url(technology.jpg) top left no-repeat;
  background-size: cover;
}

@media (min-width: 992px) {
  body {
    padding: 2rem;
  } 
}

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Open sans', serif; font-weight: 700; text-transform: uppercase; color: #91cee5; } 
h1 { font-size: 3rem; line-height: 5.5rem; } 
h2 { font-size: 3.2rem; } 

ul li a { color: #e6f9ff; }
h1 { text-align: left; border-bottom: 1px dotted #406585; color: #528a9f; }
h2 { text-align: center; border-bottom: 1px dotted #406585 }

a:hover { color: #95cced; text-decoration: none; }
div.zadachi { background: #072b43de; padding: 30px 15px; width: 60%; }
div.zadachi ul { margin-bottom: 40px;}
div.zadachi p { color:#e6f9ff; }
div.zadachi a { color: #95cced; font-weight: bold; }
div.zadachi a:hover { color: #e6f9ff; }

#result { font-size: 16px;}
#result span { font-size: 24px;}
#result.green { color:yellowgreen; }
#result.red { color:#d77a7a; }
#result.yellow { color: #e3c06c; }
.btn { padding:2px 12px; vertical-align: top; border-radius: 0.2rem ;  }