*{
    margin:0;
    padding:0;
    font-family: 'Courier New', Courier, monospace;
}

.body{
    overflow: scroll;
}
.main{
    background-image: linear-gradient(to right,rgba(248, 235, 118, 0.5),rgba(255, 102, 0, 0.5));
    position: relative;
    padding: 10px;
    min-height: 2700px;
}
header{
    height: 1;
    background-size:cover;
    background-position:center;
    height:10vw;
}
.maintext{
    text-align:center;
    position:absolute;
    width:55%;
    height: auto;
    top:15%;
    left:50%;
    transform: translate(-50%,-50%);
}

.github{
   margin-top:5%; 
}
.github a{
    text-decoration: none;
    color: #FF5733;
    padding: 0.1vh;
    border: 0.1vh solid #FF5733;
    transition:0.6s ease;
}

.github a:hover{
    text-decoration: none;
    color: #FFF;
    background-color: #FF5733;
    padding: 0.1vh;
    border: 0.1vh solid #FF5733;
}
#first{
    /*background-image: linear-gradient(to bottom right,rgba(248, 235, 118, 0.2),rgba(255, 255, 255, 0.2));*/
    font-size:calc(10px + 1vw);
    font-size;
    padding: 15px;
    border: 1px solid #306998;
    color: #306998;
    font-family: "Segoe UI";
    font-weight: 100;
}

#second{
    /*background-image: linear-gradient(to bottom right,rgba(248, 235, 118, 0.2),rgba(255, 255, 255, 0.2));*/
    margin-top: 3vmin;
    padding: 15px;
    font-size:calc(10px + 1vw);
    color: #306998;
    border: 1px solid #306998;
    font-family: "Segoe UI";
    font-weight: 100;
}

.table100 {
  background-color: #f8f8ff;
}

table {
   width: 75%;
   text-decoration: none;
    color: #FF5733;
    font-size:1.8vmin;
    text-align:center;
    position:absolute;
    top:24%;
    left:50%;
    transform: translate(-55%,0);
     border-collapse:separate; 
    border-spacing:5px;
}

.column1{
    width: 50%;
    background-color: #FF5733;
    color: #f8f8ff;
    paddin
}

.column2{
    width:30%;
}

table a{
    text-decoration: none;
    color: #FF5733;
    padding: 0.1vh;
    transition:0.6s ease;
}

table a:hover{
    text-decoration: none;
    color: #FFF;
    background-color: #FF5733;
}

th {
  font-weight: 600;
  padding-right: 3%;
  padding-left: 3%;
  padding-top: 1%;
  padding-bottom: 1%;
  border: 0.1vh solid #FF5733;
}

td {
  font-weight: unset;
  padding-right: 1%;
  padding-left: 1%;
  padding-top: 1%;
  padding-bottom: 1%;
  border: 0.1vh solid #FF5733;
}

.logos{
    width: 100vw;
    justify-content: center;
    align-items: center;
    display: flex;
    position:absolute;
    top:3.5%;
    left:50vw;
    transform: translate(-50%,-50%);
}

.logos img{
    float: left;
    width: 5%;
    height: auto;
}

.logos span{
    font-size: 5vw;
    padding-top: 20px;
    float: left;
    font-family: 'Optima';
    text-decoration: none;
    color: #FF5733;
    padding: 0;
}

.bottombar{
    text-align:center;
    position:absolute;
    width:90vw;
    top:7%;
    left:50vw;
    transform: translate(-50%,-50%);
    border: 0.1vh solid #FF5733;
    font-size:calc(2px + 1.1vw);
}

.bottombar a{
    margin-left:1vw;
    margin-right:1vw;
    text-decoration: none;
    color: #FF5733;
    padding: 0.1vh;
    transition:0.6s ease;
}

.bottombar a:hover{
    font-weight:900;
    color: #FF5733;
    padding: 0.1vh;
}