@font-face {
font-family: "myRoboto";
src: url(../../fonts/Dosis-VariableFont.ttf);
}

body {
  font-family: myRoboto, 'Roboto', sans-serif;
  background-color: #122232
}

.container {
  margin-left: 8%;
  margin-right: 8%;
}

.indexContainer {
  display: grid;
}

/* Menu */

.menuBar {
  width: 100%;
  text-align: center;
  overflow: auto;
  background-color: white;
  height: 40px;
  margin-bottom: 0.3em;
  display: flex;
  flex-direction: row;
}

    /* Navigation links */
.menuBar a {
  color: #7F151E;
  text-decoration: none;
  font-style: Light;
  font-size: 25px;
  /* margin-left: 5vw;
  margin-right: 5vw; */
  /* height: 3em; */
  flex-grow: 1;
}

.menuBar a:hover {
  color: #420C12;
  font-style: Medium;
}


/* Style Information */

.pAbout {
  float: left;
  width: 100%;
  color: LightGray;
  font-style: Medium;
  font-size: 120%;
  margin-bottom: 0.7em;
  margin-top: 0.1em;
  text-align: justify;
}

.pAbout a {
  color: #F20040;
}

.pList {
  float: left;
  width: 94%;
  color: LightGray;
  font-style: Medium;
  font-size: 120%;
  margin-bottom: 0em;
  margin-top: 0em;
  text-align: left;
}

.titles {
  float: left;
  color: white;
  width: 100%;
  font-size: 150%;
  font-style: Black;
  margin-bottom: 0.3em;
  margin-top: 0.5em;
}

.titles2 {
  float: right;
  text-align: right;
  color: white;
  width: 100%;
  font-size: 150%;
  font-style: Black;
  margin-bottom: 0.3em;
  margin-top: 0.5em;
}

.mainTitlesEvents {
  float: left;
  color: white;
  font-style: Black;
  font-size: 230%;
  width: 100%;
  margin-top: 0em;
  margin-bottom: 0.1em;
}


/* Lines */

.redLine {
  width: 40%;
  text-align: left;
  margin-top:1.0em;
  margin-bottom:1.0em;
  border:0.2em solid #7F151E;
  margin-left: 0em;
}

.breakLine {
  width: 30%;
  text-align: left;
  margin-top:1.5em;
  margin-bottom:1.5em;
  border:0.5px solid LightGray;
  margin-left: 0em;
}

.logosLine {
  width: 100%;
  margin-bottom:2em;
  margin-top:2em;
  border:0.9px solid white;
}

.endLine {
  width: 100%;
  margin-bottom:3em;
  margin-top:2em;
  border:0.9px solid white;
}


/* Images */

.photoKeynotes {
  border: 4px solid white;
  width: 208px;
  margin-top: 1em;
  margin-bottom: 1em;
}

.photoVenue {
  border: 4px solid white;
  width: 70%;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Table for Schedule */

.tableStyle {
  width: 100%;
  border: 1px solid white;
  border-collapse: collapse;
  padding: 2em;
  font-style: Medium;
  font-size: 130%;
}

.tableStyle tr {
  border: 1px solid white;
}

.tableTimeWhiteText {
  width:15%;
  text-align: left;
  margin-top: 0;
  padding: 8px;
  color: LightGray;
}

.tableTimeRedText {
  width:15%;
  text-align: left;
  padding: 8px;
  color: #7F151E;
}

.tableWhiteText {
  text-align: left;
  padding: 8px;
  color: LightGray;
}

.tableRedText {
  text-align: left;
  padding: 8px;
  color: #7F151E;
}