@import url('https://fonts.googleapis.com/css?family=Oswald:400|Poiret+One&display=swap');

body {
	background-color: #141a1f;
}

.poiret-one {
  font-family: 'Poiret One', cursive;
}

.name { font-size: 100px; }

.oswald {
  font-family: 'Oswald', sans-serif;
}

.text-yellow {
    color: yellow;
}

.btn-warning {
  -moz-box-shadow: 0px 1px 12px #f5d11e;
  -webkit-box-shadow: 0px 1px 12px #f5d11e;
  box-shadow: 0px 1px 12px #f5d11e;
}

.welcome {
  font-size: 40px;
}

.description {
  font-size: 60px;
}

.bg-header {
  background-color: #141a1f;
}

.navbar-dark .navbar-brand-yellow {
    color: yellow;
}

img {
	max-width: 100%;
	padding: 30px;
}

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
  border: 4px solid #fff;
}

/* mobile */
@media screen and (max-width: 768px) {
  .display-4 {
  	font-size: 30px;
  }
  #reg_button {
  	margin-bottom: 10px;
  	width: 100%;
  }
}