/******************************************************************************
 *                             Raphael R. Gusmão                              *
 ******************************************************************************/
html, body {
  background: #252525;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
::selection {
  background: #009696;
  color: #FFFFFF;
}
::-moz-selection {
  background: #009696;
  color: #FFFFFF;
}
a {
  color: #009696;
}
a:hover {
  color: #007979;
}
h1, h2, h3, h4, h5, h6 {
  color: #009696;
  font-weight: 400;
  margin: 0;
}
span {
  color: #009696;
}

/******************************************************************************
 * Header                                                                     *
 ******************************************************************************/
.header-navbar {
  background-color: #212121;
  white-space: nowrap;
}
.header-logo {
  margin: -1px 11px -1px 0;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  object-fit: cover;
}
.header-text {
  color: #ffffff;
  margin: 0;
  padding: 4px 0 0 0;
  display: inline-block;
}
.navbar-toggler {
  font-size: 20px;
  margin: 0px -4px;
  padding: 0 0 0 0;
}
.nav-link {
  height: 32px;
  padding: 5px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #424242;
}

/******************************************************************************
 * Content                                                                    *
 ******************************************************************************/
main {
  background: #F5F5F5;
  min-height: 100vh;
  margin: 63px 0 0 0;
  padding: 25px 32px 0 32px;
  text-align: center;
  transition: ease all .25s;
}
@media only screen and (max-width: 600px) {
  main {
    margin: 53px 0 0 0;
  }
}

/******************************************************************************
 * Footer                                                                     *
 ******************************************************************************/
footer {
  font-size: 1rem;
  margin-top: -16px;
  padding: 25px 0 0 0;
  text-align: center;
}
footer p {
  font-size: 24px;
  margin: 0 0 11px 0;
  text-align: center;
  text-indent: inherit;
}
footer ul {
  justify-content: center;
  text-align: center;
}
footer a {
  color: #FFFFFF !important;
  transition: color .25s;
}
footer a:hover {
  color: #00BCBC !important;
}
footer .social a {
  padding: 16px 26px 16px 0;
}
footer h5 {
  color: #FFFFFF;
}
footer li::before {
  content: "";
}
.page-footer {
  background: #212121;
  height: 96px;
  padding: 0;
}
footer .social {
  height: 64px;
  margin: 0;
  padding: 22px 0 0 0;
}
.footer-copyright {
  height: 32px;
  font-size: 16px !important;
  padding-top: 7px;
  margin: 0 0 0 0;
}

/******************************************************************************
 * Others                                                                     *
 ******************************************************************************/
.paragraph {
  text-align: justify;
  text-indent: 32px;
  margin: 0;
}
.youtube {
  height: 33vw;
  max-height: 512px;
  width: 100%;
  margin: 8px 0 24px 0;
}

 /*****************************************************************************
  * TCC                                                                       *
  *****************************************************************************/
.main-title {
  margin: 8px 0 16px 0;
}
.participants p {
  display: inline-block;
  margin: 0 16px;
}
.participants span {
  font-weight: 500;
}
.section {
  width: 100%;
  max-width: 1024px;
  margin: -3px 0 16px 0;
  text-align: justify;
}
.divider {
  margin: 27px 0 31px 0;
}
.item-block {
  margin: 0 0 24px 0;
  text-align: center;
}
.item-circle {
  background: #009696;
  height: 64px;
  width: 64px;
  margin: 0 0 10px 0;
  border-radius: 50%;
  display: inline-block;
  transition: ease all .25s;
}
.item-link:hover .item-circle {
  background: #006969
}
.disabled .item-circle {
  background: #9e9e9e;
}
.item-icon {
  height: 32px;
  margin: 16px 0 0 0;
}
.item-block h5 {
  margin: 0 0 5px 0;
}
.item-block p {
  margin: 0;
}
.item-block h5, .item-block p {
  color: #009696;
  transition: ease all .25s;
}
.item-link:hover h5, .item-link:hover p {
  color: #006969;
}
.disabled h5, .disabled p {
  color: #9e9e9e;
}

.myimage-container {
  text-align: center;
}
.myimage-container img {
  width: 100%;
}
.myimage-container-small img {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.myimage {
  border-radius: 8px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

/******************************************************************************/