Superalgos/Desktop/WebServer/css/main.css

/* latin */
@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 300;
    src: local('Saira Light'), local('Saira-Light'), url(Fonts/Saira.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Saira Condensed';
    font-style: normal;
    font-weight: 300;
    src: local('Saira Condensed Light'), local('SairaCondensed-Light'), url(Fonts/Saira-Condensed.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face {
    font-family: segoeui;
    src: url(Fonts/segoeui.woff) format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  .body{
    overflow-y: hidden;
    overflow-x: hidden;
  }

  .scroll-div {
    position:absolute; 
    overflow-y: scroll;
    overflow-x: hidden;
    top:0px; 
    left:0px;
    vertical-align: top;
    height: 100%;
    width: 100%;
    color: #000;
    border-color: blue;
    background-color: #ffffff;    
    border-width: 0px;
  }

  .content-div {
    position:relative; 
    vertical-align: top;
    height: 100%;
    width: 30%;
    left: 31.2%;
    color: #000;
    border-color: blue;
    background-color: transparent;
    border-width: 0px;
  }

  .post-div {
    vertical-align: top;
    height: 300px;
    width: 100%;
    color: #000;
    border-color: blue;
    background-color: transparent;
    border-width: 0px;
  }

  .page-table {
    pointer-events: visible;
    position:fixed; 
    position: absolute; 
    top:0px; 
    left:18%;
    width: 64%;
    height: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    background:transparent;
    border-width: 0px;
    border-collapse: collapse;
  }

  .left-column {
    position:relative; 
    top:0px; 
    width: 20%;
    height: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .middle-column {
    position:relative; 
    top:0px; 
    width: 50%;
    height: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .right-column {
    position:relative; 
    top:0px; 
    left:0px;
    width: 30%;
    height: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .left-table {
    position:relative; 
    width: 100%;
    height: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    border-collapse: collapse;
  }

  .logo-cell {
    vertical-align: top;
    width: 100%;
    height: 70px;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .menu-cell {
    vertical-align: top;
    width: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .profile-cell {
    vertical-align: bottom;
    width: 100%;
    height: 50px;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .middle-table {
    position:relative; 
    width: 100%;
    height: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    border-collapse: collapse;
  }

  .content-title-cell {
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    background-color: #ffffff;    
  }

  .content-cell {
    vertical-align: top;
    width: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .right-table {
    position:relative; 
    width: 100%;
    height: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    border-collapse: collapse;
  }

  .search-cell {
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .context-cell {
    vertical-align: top;
    width: 100%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    background:transparent;
  }

  .menu-table {
    position:relative; 
    width: 100%;
    height: 65%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    border-collapse: collapse;
  }

  .menu-item-cell {
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
  }

  .who-to-follow-table {
    position:relative; 
    width: 100%;
    height: 30%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    border-collapse: collapse;
  }

  .profile-to-follow-table {
    position:relative; 
    width: 100%;
    height: 30%;
    padding: 0; 
    margin: 0;
    color: #000;
    border-width: 0px;
    border-collapse: collapse;
  }

  .profile-to-follow-span {
    float: right;
  }

  .profile-to-follow-button {
    float: right;
    background-color: green;
  }

  .profile-to-unfollow-span {
    float: right;
  }

  .profile-to-unfollow-button {
    float: right;
    background-color: red;
  }