* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: normal !important;
}

body {
  font-family: 'Lato', sans-serif;
  font-weight: normal !important;
  line-height: 1.5;
  background: #f3f3f3;
  -webkit-tap-highlight-color: transparent;
}

#page-content {
  position: relative;
  min-height: 100vh; }

.content-wrap {
  padding-bottom: 4rem; }

.container {
  max-width: 1100px;
  margin: auto;
  padding: 0.25rem 0; }

.current {
  color: steelblue; }

.card {
  background: #ffffff;
  padding: 1rem;
  border: 1px solid #C0C0C0; }

.py-half {
  padding: 0.5rem 0; }

.py-1 {
  padding: 1rem 0; }

.py-2 {
  padding: 2rem 0; }

.py-3 {
  padding: 3rem 0; }

.py-4 {
  padding: 4rem 0; }

.p-half {
  padding: 0.5rem; }

.p-1 {
  padding: 1rem; }

.p-2 {
  padding: 2rem; }

.p-3 {
  padding: 3rem; }

.p-4 {
  padding: 4rem; }

.my-half {
  margin: 0.5rem 0; }

.my-1 {
  margin: 1rem 0; }

.my-2 {
  margin: 2rem 0; }

.my-3 {
  margin: 3rem 0; }

.my-4 {
  margin: 4rem 0; }

.m-half {
  margin: 0.5rem; }

.m-1 {
  margin: 1rem; }

.m-2 {
  margin: 2rem; }

.m-3 {
  margin: 3rem; }

.m-4 {
  margin: 4rem; }

.recent-section-title {
  color: #333333; }

.center {
  text-align: center; }

.btn-dark {
  background: #333333;
  color: #f3f3f3;
  margin: 0.5rem 0;
  padding: 0.75rem;
  border-radius: 1rem; }
  .btn-dark:hover {
    background: rgba(51, 51, 51, 0.9); }

.btn-dark-square {
  background: #333333;
  padding: 0.75rem; }
  .btn-dark-square:hover {
    background: rgba(51, 51, 51, 0.9); }

.under {
  text-decoration: underline; }

.project-name {
  text-decoration: underline;
  margin-top: 0.25rem; }

.section-border-bottom {
  margin: 0 0.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px dashed #333333; }

.holder-border {
  border: 1px solid #C0C0C0; }

.line-container {
  display: flex;
  justify-content: center; }

.line {
  width: 18rem;
  border-left: none;
  border-bottom: 3px dotted #333333; }

.prompt {
  font-weight: bold;
  color: steelblue; }

.answer {
  font-size: 1.3rem; }

.under-blue {
  text-decoration: steelblue underline; }

.blogs-showcase-content article {
  display: flex;
  margin-bottom: 1rem; }
  .blogs-showcase-content article img {
    width: 300px;
    height: 200px; }
  .blogs-showcase-content article .content {
    margin: 0 1rem; }
  .blogs-showcase-content article a {
    color: steelblue; }

.tags .tag {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  color: #ffffff !important; }

.tags .python {
  background: #2980B9;
  color: #f3f3f3; }

.tags .ruby {
  background: #C70039;
  color: #f3f3f3; }

.tags .javascript {
  background: #F1C40F;
  color: #333333; }

.tags .java {
  background: #D35400;
  color: #f3f3f3; }

.tags .r {
  background: #95A5A6;
  color: #333333; }

.tags .other-lang {
  background: #2E4053;
  color: #f3f3f3; }

.tags .web-dev {
  background: #AED6F1;
  color: #333333; }

.tags .data-science {
  background: #45B39D;
  color: #f3f3f3; }

.tags .competitions {
  background: #E74C3C;
  color: #333333; }

.tags .api {
  background: #AF7AC5;
  color: #333333; }

.tags .machine-learning {
  background: #0CC664;
  color: #f3f3f3; }

.tags .ai {
  background: #F4D03F;
  color: #333333; }

.tags .front-end {
  background: #7DCEA0;
  color: #333333; }

.tags .other-topic {
  background: #E9967A;
  color: #333333; }

.tags .event {
  background: #008080;
  color: #f3f3f3; }

.tags .tensorflow {
  background: #EF9D0D;
  color: #f3f3f3; }

.tags .django {
  background: #086912;
  color: #f3f3f3; }

.tags .rails {
  background: #710635;
  color: #f3f3f3; }

.tags .html {
  background: #F17F13;
  color: #333333; }

.tags .css {
  background: #29138A;
  color: #f3f3f3; }

.tags .sass {
  background: #F44592;
  color: #333333; }

.tags .algorithms {
  background: #5FA37F;
  color: #333333; }

#page-content {
  position: relative;
  min-height: 100vh; }

.content-wrap {
  padding-bottom: 4rem; }

.container {
  max-width: 1100px;
  margin: auto;
  padding: 0.25rem 0; }

.current {
  color: steelblue; }

.card {
  background: #ffffff;
  padding: 1rem;
  border: 1px solid #C0C0C0; }

.py-half {
  padding: 0.5rem 0; }

.py-1 {
  padding: 1rem 0; }

.py-2 {
  padding: 2rem 0; }

.py-3 {
  padding: 3rem 0; }

.py-4 {
  padding: 4rem 0; }

.p-half {
  padding: 0.5rem; }

.p-1 {
  padding: 1rem; }

.p-2 {
  padding: 2rem; }

.p-3 {
  padding: 3rem; }

.p-4 {
  padding: 4rem; }

.my-half {
  margin: 0.5rem 0; }

.my-1 {
  margin: 1rem 0; }

.my-2 {
  margin: 2rem 0; }

.my-3 {
  margin: 3rem 0; }

.my-4 {
  margin: 4rem 0; }

.m-half {
  margin: 0.5rem; }

.m-1 {
  margin: 1rem; }

.m-2 {
  margin: 2rem; }

.m-3 {
  margin: 3rem; }

.m-4 {
  margin: 4rem; }

.recent-section-title {
  color: #333333; }

.center {
  text-align: center; }

.btn-dark {
  background: #333333;
  color: #f3f3f3;
  margin: 0.5rem 0;
  padding: 0.75rem;
  border-radius: 1rem; }
  .btn-dark:hover {
    background: rgba(51, 51, 51, 0.9); }

.btn-dark-square {
  background: #333333;
  padding: 0.75rem; }
  .btn-dark-square:hover {
    background: rgba(51, 51, 51, 0.9); }

.under {
  text-decoration: underline; }

.project-name {
  text-decoration: underline;
  margin-top: 0.25rem; }

.section-border-bottom {
  margin: 0 0.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px dashed #333333; }

.holder-border {
  border: 1px solid #C0C0C0; }

.line-container {
  display: flex;
  justify-content: center; }

.line {
  width: 18rem;
  border-left: none;
  border-bottom: 3px dotted #333333; }

.prompt {
  font-weight: bold;
  color: steelblue; }

.answer {
  font-size: 1.3rem; }

.under-blue {
  text-decoration: steelblue underline; }

.blogs-showcase-content article {
  display: flex;
  margin-bottom: 1rem; }
  .blogs-showcase-content article img {
    width: 300px;
    height: 200px; }
  .blogs-showcase-content article .content {
    margin: 0 1rem; }
  .blogs-showcase-content article a {
    color: steelblue; }

.tags .tag {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  color: #ffffff !important; }

.tags .python {
  background: #2980B9;
  color: #f3f3f3; }

.tags .ruby {
  background: #C70039;
  color: #f3f3f3; }

.tags .javascript {
  background: #F1C40F;
  color: #333333; }

.tags .java {
  background: #D35400;
  color: #f3f3f3; }

.tags .r {
  background: #95A5A6;
  color: #333333; }

.tags .other-lang {
  background: #2E4053;
  color: #f3f3f3; }

.tags .web-dev {
  background: #AED6F1;
  color: #333333; }

.tags .data-science {
  background: #45B39D;
  color: #f3f3f3; }

.tags .competitions {
  background: #E74C3C;
  color: #333333; }

.tags .api {
  background: #AF7AC5;
  color: #333333; }

.tags .machine-learning {
  background: #0CC664;
  color: #f3f3f3; }

.tags .ai {
  background: #F4D03F;
  color: #333333; }

.tags .front-end {
  background: #7DCEA0;
  color: #333333; }

.tags .other-topic {
  background: #E9967A;
  color: #333333; }

.tags .event {
  background: #008080;
  color: #f3f3f3; }

.tags .tensorflow {
  background: #EF9D0D;
  color: #f3f3f3; }

.tags .django {
  background: #086912;
  color: #f3f3f3; }

.tags .rails {
  background: #710635;
  color: #f3f3f3; }

.tags .html {
  background: #F17F13;
  color: #333333; }

.tags .css {
  background: #29138A;
  color: #f3f3f3; }

.tags .sass {
  background: #F44592;
  color: #333333; }

.tags .algorithms {
  background: #5FA37F;
  color: #333333; }

#footer {
  background: #333333;
  color: #f3f3f3;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4rem; }
  #footer .footer-content {
    display: flex;
    justify-content: space-between; }
    #footer .footer-content h4 {
      margin-left: 1rem; }
    #footer .footer-content .contact {
      margin: 0 1rem; }
      #footer .footer-content .contact i {
        font-size: 1.5rem;
        padding: 0 0.25rem; }

@media (max-width: 1024px) {
  #recent-projects .projects-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    #recent-projects .projects-container .card:last-child {
      display: none; }
  #recent-blogs .blogs-container .card img {
    align-items: center; }
  #podcast .podcast-content #img-content img {
    width: 230px;
    height: 220px; }
  #podcast .podcast-content .text-content {
    font-size: 0.8rem; }
    #podcast .podcast-content .text-content a {
      padding: 0.5rem;
      width: 82px;
      text-align: center; }
  .display-projects .display-project {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    padding: 1rem;
    border: 1px solid #C0C0C0; }
    .display-projects .display-project img {
      border: 1px solid #333333;
      width: 275px;
      height: 200px; }
    .display-projects .display-project a {
      color: #333333; }
    .display-projects .display-project .project-text {
      margin-bottom: -2rem; }
      .display-projects .display-project .project-text h2 {
        text-align: center; }
      .display-projects .display-project .project-text p {
        visibility: hidden; }
  #project-content img {
    width: 1000px;
    height: 650px; }
  #project-info .project-grid {
    margin: 0 0.5rem; }
  .blogs-showcase-content {
    margin: 0 0.5rem; }
  #blog-post-title .post-title-content .blog-post-img {
    width: 1000px;
    height: 650px; }
  #blog-post-title .post-title-content i {
    margin-right: 0.5rem; }
  .post-content {
    margin: 0 0.5rem; }
  .about-img-content img {
    margin-left: 2rem; }
  .contact-info {
    margin-left: 6rem; }
  .about-text {
    margin-top: -1.5rem; }
  .certifications-content .certification img {
    width: 225px;
    height: 175px; } }

@media (max-width: 1023px) and (min-width: 767px) {
  #page-content .content-wrap #projects-section .section-content .display-projects {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
  #page-content .content-wrap #project-showcase #project-content img {
    width: 750px;
    height: 500px; }
  #page-content .process-content .section-project-content .title-showcase {
    display: flex;
    flex-direction: column; }
    #page-content .process-content .section-project-content .title-showcase .image-container {
      display: flex;
      align-self: center; }
    #page-content .process-content .section-project-content .title-showcase img {
      width: 750px;
      height: 450px; }
    #page-content .process-content .section-project-content .title-showcase .section-prompts {
      margin-left: -1rem; }
    #page-content .process-content .section-project-content .title-showcase .progress-project {
      display: flex;
      flex-direction: row;
      margin-top: 0;
      margin-bottom: 1rem; }
      #page-content .process-content .section-project-content .title-showcase .progress-project .progress-bar {
        margin-top: 0.4rem;
        margin-left: 0.25rem;
        width: 300px; }
  #page-content .content-wrap #blog-post-title .post-title-content .blog-post-img {
    width: 750px;
    height: 500px; }
  #page-content .content-wrap #about-intro .about-intro-content .about-img {
    margin-left: -2rem; }
  #page-content .content-wrap #about-intro .about-intro-content .contact-info {
    margin-left: 4rem; }
  #page-content .content-wrap #about-intro .about-intro-content .about-text {
    margin-bottom: -2rem;
    margin-left: 0.75rem; }
  #page-content .content-wrap #about-certifications .certifications-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 766px) and (min-width: 320px) {
  #showcase .showcase-container {
    display: flex; }
    #showcase .showcase-container .showcase-content h1 {
      font-size: 1.9rem;
      margin-bottom: 1rem; }
  #recent-projects .projects-container {
    display: grid;
    grid-template-columns: 1fr; }
  #recent-blogs .blogs-showcase-content article {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #recent-blogs .blogs-showcase-content article img {
      width: 300px;
      height: 225px; }
  #podcast .podcast-content {
    display: flex;
    flex-direction: column; }
  #projects-section .section-content .projects-content .display-projects {
    display: grid;
    grid-template-columns: 1fr; }
  #project-showcase #project-content .holder-border {
    width: 350px;
    height: 250px; }
  #project-info .overview-container .project-grid {
    display: grid;
    grid-template-columns: 1fr; }
    #project-info .overview-container .project-grid .title-section {
      display: flex;
      flex-direction: row;
      border: none;
      margin-bottom: -2rem; }
      #project-info .overview-container .project-grid .title-section h1 {
        font-size: 2rem; }
      #project-info .overview-container .project-grid .title-section .btn-dark-square {
        height: 2.1rem;
        margin-left: 6rem;
        margin-top: 0;
        padding-bottom: 2.2rem;
        display: flex;
        justify-items: center; }
  #project-info .project-info-content {
    margin-left: 0.25rem; }
  #section-a .section-project-content .title-showcase, #section-b .section-project-content .title-showcase, #section-c .section-project-content .title-showcase {
    display: flex;
    flex-direction: column; }
    #section-a .section-project-content .title-showcase .section-prompts, #section-b .section-project-content .title-showcase .section-prompts, #section-c .section-project-content .title-showcase .section-prompts {
      margin-left: -1rem; }
    #section-a .section-project-content .title-showcase .image-container, #section-b .section-project-content .title-showcase .image-container, #section-c .section-project-content .title-showcase .image-container {
      display: flex;
      align-self: center; }
      #section-a .section-project-content .title-showcase .image-container img, #section-b .section-project-content .title-showcase .image-container img, #section-c .section-project-content .title-showcase .image-container img {
        width: 350px;
        height: 275px; }
  #blog-post-title .post-title-content .blog-post-img {
    width: 350px;
    height: 275px; }
  #post-content-section .post-content .post-section .section-image .holder-border {
    width: 350px;
    height: 275px; }
  #blogs-showcase .blogs-showcase-content article {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #about-intro .about-intro-content {
    display: flex;
    flex-direction: column; }
    #about-intro .about-intro-content .contact-info {
      margin-left: 7.5rem; }
    #about-intro .about-intro-content img {
      margin-left: 3.4rem; }
    #about-intro .about-intro-content .about-text-content h1 {
      font-size: 1.7rem;
      text-align: center; }
    #about-intro .about-intro-content .about-text-content p {
      text-indent: 20px;
      margin-bottom: -2rem; }
  #about-education .about-education-content .schools .school {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem; }
    #about-education .about-education-content .schools .school img {
      margin-bottom: -1rem; }
    #about-education .about-education-content .schools .school:last-child {
      margin-bottom: -1rem; }
    #about-education .about-education-content .schools .school .school-info h1, #about-education .about-education-content .schools .school .school-info h2, #about-education .about-education-content .schools .school .school-info h3 {
      text-align: center; }
  #about-certifications .about-certifications-content .certifications-content {
    display: grid;
    grid-template-columns: 1fr; }
  #about-competition .about-competition-content .competition-content .competition {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem; }
    #about-competition .about-competition-content .competition-content .competition .competition-text {
      text-align: center; }
      #about-competition .about-competition-content .competition-content .competition .competition-text h1 {
        font-size: 1.1rem; }
      #about-competition .about-competition-content .competition-content .competition .competition-text h2 {
        font-size: 1rem; } }

#footer {
  background: #333333;
  color: #f3f3f3;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4rem; }
  #footer .footer-content {
    display: flex;
    justify-content: space-between; }
    #footer .footer-content h4 {
      margin-left: 1rem; }
    #footer .footer-content .contact {
      margin: 0 1rem; }
      #footer .footer-content .contact i {
        font-size: 1.5rem;
        padding: 0 0.25rem; }

@media (max-width: 1024px) {
  #recent-projects .projects-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    #recent-projects .projects-container .card:last-child {
      display: none; }
  #recent-blogs .blogs-container .card img {
    align-items: center; }
  #podcast .podcast-content #img-content img {
    width: 230px;
    height: 220px; }
  #podcast .podcast-content .text-content {
    font-size: 0.8rem; }
    #podcast .podcast-content .text-content a {
      padding: 0.5rem;
      width: 82px;
      text-align: center; }
  .display-projects .display-project {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    padding: 1rem;
    border: 1px solid #C0C0C0; }
    .display-projects .display-project img {
      border: 1px solid #333333;
      width: 275px;
      height: 200px; }
    .display-projects .display-project a {
      color: #333333; }
    .display-projects .display-project .project-text {
      margin-bottom: -2rem; }
      .display-projects .display-project .project-text h2 {
        text-align: center; }
      .display-projects .display-project .project-text p {
        visibility: hidden; }
  #project-content img {
    width: 1000px;
    height: 650px; }
  #project-info .project-grid {
    margin: 0 0.5rem; }
  .blogs-showcase-content {
    margin: 0 0.5rem; }
  #blog-post-title .post-title-content .blog-post-img {
    width: 1000px;
    height: 650px; }
  #blog-post-title .post-title-content i {
    margin-right: 0.5rem; }
  .post-content {
    margin: 0 0.5rem; }
  .about-img-content img {
    margin-left: 2rem; }
  .contact-info {
    margin-left: 6rem; }
  .about-text {
    margin-top: -1.5rem; }
  .certifications-content .certification img {
    width: 225px;
    height: 175px; } }

@media (max-width: 1023px) and (min-width: 767px) {
  #page-content .content-wrap #projects-section .section-content .display-projects {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
  #page-content .content-wrap #project-showcase #project-content img {
    width: 750px;
    height: 500px; }
  #page-content .process-content .section-project-content .title-showcase {
    display: flex;
    flex-direction: column; }
    #page-content .process-content .section-project-content .title-showcase .image-container {
      display: flex;
      align-self: center; }
    #page-content .process-content .section-project-content .title-showcase img {
      width: 750px;
      height: 450px; }
    #page-content .process-content .section-project-content .title-showcase .section-prompts {
      margin-left: -1rem; }
    #page-content .process-content .section-project-content .title-showcase .progress-project {
      display: flex;
      flex-direction: row;
      margin-top: 0;
      margin-bottom: 1rem; }
      #page-content .process-content .section-project-content .title-showcase .progress-project .progress-bar {
        margin-top: 0.4rem;
        margin-left: 0.25rem;
        width: 300px; }
  #page-content .content-wrap #blog-post-title .post-title-content .blog-post-img {
    width: 750px;
    height: 500px; }
  #page-content .content-wrap #about-intro .about-intro-content .about-img {
    margin-left: -2rem; }
  #page-content .content-wrap #about-intro .about-intro-content .contact-info {
    margin-left: 4rem; }
  #page-content .content-wrap #about-intro .about-intro-content .about-text {
    margin-bottom: -2rem;
    margin-left: 0.75rem; }
  #page-content .content-wrap #about-certifications .certifications-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 766px) and (min-width: 320px) {
  #showcase .showcase-container {
    display: flex; }
    #showcase .showcase-container .showcase-content h1 {
      font-size: 1.9rem;
      margin-bottom: 1rem; }
  #recent-projects .projects-container {
    display: grid;
    grid-template-columns: 1fr; }
  #recent-blogs .blogs-showcase-content article {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #recent-blogs .blogs-showcase-content article img {
      width: 300px;
      height: 225px; }
  #podcast .podcast-content {
    display: flex;
    flex-direction: column; }
  #projects-section .section-content .projects-content .display-projects {
    display: grid;
    grid-template-columns: 1fr; }
  #project-showcase #project-content .holder-border {
    width: 350px;
    height: 250px; }
  #project-info .overview-container .project-grid {
    display: grid;
    grid-template-columns: 1fr; }
    #project-info .overview-container .project-grid .title-section {
      display: flex;
      flex-direction: row;
      border: none;
      margin-bottom: -2rem; }
      #project-info .overview-container .project-grid .title-section h1 {
        font-size: 2rem; }
      #project-info .overview-container .project-grid .title-section .btn-dark-square {
        height: 2.1rem;
        margin-left: 6rem;
        margin-top: 0;
        padding-bottom: 2.2rem;
        display: flex;
        justify-items: center; }
  #project-info .project-info-content {
    margin-left: 0.25rem; }
  #section-a .section-project-content .title-showcase, #section-b .section-project-content .title-showcase, #section-c .section-project-content .title-showcase {
    display: flex;
    flex-direction: column; }
    #section-a .section-project-content .title-showcase .section-prompts, #section-b .section-project-content .title-showcase .section-prompts, #section-c .section-project-content .title-showcase .section-prompts {
      margin-left: -1rem; }
    #section-a .section-project-content .title-showcase .image-container, #section-b .section-project-content .title-showcase .image-container, #section-c .section-project-content .title-showcase .image-container {
      display: flex;
      align-self: center; }
      #section-a .section-project-content .title-showcase .image-container img, #section-b .section-project-content .title-showcase .image-container img, #section-c .section-project-content .title-showcase .image-container img {
        width: 350px;
        height: 275px; }
  #blog-post-title .post-title-content .blog-post-img {
    width: 350px;
    height: 275px; }
  #post-content-section .post-content .post-section .section-image .holder-border {
    width: 350px;
    height: 275px; }
  #blogs-showcase .blogs-showcase-content article {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #about-intro .about-intro-content {
    display: flex;
    flex-direction: column; }
    #about-intro .about-intro-content .contact-info {
      margin-left: 7.5rem; }
    #about-intro .about-intro-content img {
      margin-left: 3.4rem; }
    #about-intro .about-intro-content .about-text-content h1 {
      font-size: 1.7rem;
      text-align: center; }
    #about-intro .about-intro-content .about-text-content p {
      text-indent: 20px;
      margin-bottom: -2rem; }
  #about-education .about-education-content .schools .school {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem; }
    #about-education .about-education-content .schools .school img {
      margin-bottom: -1rem; }
    #about-education .about-education-content .schools .school:last-child {
      margin-bottom: -1rem; }
    #about-education .about-education-content .schools .school .school-info h1, #about-education .about-education-content .schools .school .school-info h2, #about-education .about-education-content .schools .school .school-info h3 {
      text-align: center; }
  #about-certifications .about-certifications-content .certifications-content {
    display: grid;
    grid-template-columns: 1fr; }
  #about-competition .about-competition-content .competition-content .competition {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem; }
    #about-competition .about-competition-content .competition-content .competition .competition-text {
      text-align: center; }
      #about-competition .about-competition-content .competition-content .competition .competition-text h1 {
        font-size: 1.1rem; }
      #about-competition .about-competition-content .competition-content .competition .competition-text h2 {
        font-size: 1rem; } }

#nav-bar {
  background: #333333;
  color: #f3f3f3; }
  #nav-bar .navbar-content {
    display: flex;
    justify-content: space-between; }
    #nav-bar .navbar-content .logo {
      align-self: center;
      font-size: 1.4rem;
      padding: 0 0.75rem; }
    #nav-bar .navbar-content .away {
      display: none; }
    #nav-bar .navbar-content #menu {
      display: flex;
      flex-direction: row; }
      #nav-bar .navbar-content #menu a {
        padding: 0.75rem;
        font-weight: bold; }
        #nav-bar .navbar-content #menu a:hover {
          color: steelblue; }