.old-design {
          display: none;
}
.old-design nav {
          width: 100%;
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
}
.old-design button,
.old-design a,
.old-design main .search-box-container .img-container {
          cursor: pointer;
}
.old-design nav a:hover {
          text-decoration: underline;
}

.old-design nav .gmail-button,
.old-design nav .images-button {
          font: 13px arial, sans-serif;
          min-width: 52.75px;
          height: 48px;
          display: grid;
          place-items: center;
}

.old-design nav .gmail-button {
          padding-right: 15px;
}

.old-design nav .images-button {
          margin-right: 24px;
}

.old-design nav .apps-button-container {
          width: 48px;
          height: 48px;
          display: grid;
          place-items: center;
}

.old-design nav .apps-button-container a {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-template-rows: repeat(3, 1fr);
          width: 16px;
          height: 16px;
          row-gap: 2px;
          column-gap: 2px;
}

.old-design nav .apps-button-container a div {
          border-radius: 50%;
          background-color: gray;
}

.old-design nav .profile-button-container {
          width: 48px;
          height: 48px;
          display: grid;
          place-items: center;
          margin-right: 8px;
}

.old-design nav .profile-button-container a {
          font-family: 'Roboto', sans-serif;
          width: 32px;
          height: 32px;
          background-color: #33691e;
          border-radius: 50%;
          display: grid;
          place-items: center;
          color: #d9e3d5;
}

.old-design main {
          height: calc(100vh - 3*52px);
          padding-top: 15vh;
          display: flex;
          align-items: center;
          flex-direction: column;
}

.old-design main .logo img {
          width: 272px;
          height: 92px;
}

.old-design main .search-box-container {
          width: 582px;
          height: 44px;
          margin-top: 1.5vh;
          border-radius: 24px;
          border: 1px solid #dfe1e5;
          padding-left: 5px;
          display: flex;
          align-items: center;
}

.old-design main .search-box-container .search-icon {
          width: 32px;
          height: 100%;
          display: grid;
          place-items: center;
}

 .old-design main .search-box-container .search-icon i {
          color: #c0c4c7;
          font-size: 13px;
}

.old-design main .search-box-container input {
          border: none;
          height: 100%;
          width: calc(100% - 120px - 32px);
          background-color: transparent;
          font-size: 16px;
}

.old-design main .search-box-container input:focus {
          outline: none;
}

.old-design main .search-box-container .icon-container {
          display: flex;
          align-items: center;
          width: 120px;
          height: 100%;
}

.old-design main .search-box-container .img-container {
          height: 100%;
          width: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
}

.old-design main .search-box-container .img-container img {
          height: 24px;
          width: 24px;
}

 .old-design main .search-box-container .keyboard img {
          height: 12px;
}

.old-design main .butons-area {
          margin-top: 2vh;
}

.old-design main .butons-area button {
          height: 36px;
          padding: 0 16px;
          background-color: #f8f9fa;
          border: 2px solid #f8f9fa;
          margin: 0 4px;
          color: #3c4043;
          border-radius: 4px;
}

.old-design main .butons-area button:hover {
          border: 2px solid #e4e4e4;
}

.old-design footer {
          color: #3c4043;
          width: 100%;
          background-color: #f2f2f2;
}

.old-design footer .top-menu {
          color: #70757a;
          font-size: 15px;
          display: flex;
          align-items: center;
          padding: 15px 30px;
          border-bottom: 1px solid #dadce0;
}

.old-design footer .bottom-menu {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          color: #70757a;
          padding: 0 20px;
}

.old-design footer .bottom-menu .left-buttons {
          height: 100%;
          min-width: 30%;
          display: flex;
          align-items: center;
          justify-content: flex-start;
}

.old-design footer .bottom-menu .left-buttons a,
.old-design footer .bottom-menu .right-buttons a {
          color: #70757a;
          padding: 15px;
          font-size: 14px;
          white-space: nowrap;
}

.old-design footer .bottom-menu .text {
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          color: #70757a;
          width: 40%;
}

.old-design footer .bottom-menu .text img {
          width: 12px;
          height: 14px;
          margin-right: 6px;
}

.old-design footer .bottom-menu .right-buttons {
          width: 30%;
          display: flex;
          align-items: center;
          justify-content: flex-end;
}

.old-design footer a:hover {
          text-decoration: underline;
}