Remove unused coexistence CSS styles

There are no elements in the coexistence codebase that correspond to
these selectors.

Tested: Manually tested coexistence screens and all are WAI

Bug: b:297411669
Change-Id: I876bd02ad0760578e1f344392477c4afbc56c1f7
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4811205
Reviewed-by: Aga Wronska <agawronska@chromium.org>
Commit-Queue: Courtney Wong <courtneywong@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1188084}

chrome/browser/resources/chromeos/edu_coexistence/edu_coexistence_css.html

@@ -1,26 +1,16 @@
 <template>
   <style include="cr-shared-style cros-color-overrides">
     :host {
-      --grey-border: 1px solid var(--google-grey-300);
       --dialog-top-border-size: 35px;
     }
 
-    .container,
     .signin-frame {
       height: 100%;
       margin: 0;
       padding: 0;
       width: 100%;
     }
 
-    .container {
-      align-items: center;
-      display: flex;
-      height: calc(100% - 90px);
-      justify-content: center;
-      margin-top: calc(-1 * var(--dialog-top-border-size));
-    }
-
     /* Main container for all page elements */
     .template-container {
       display: flex;
@@ -66,20 +56,6 @@
         padding-inline-end: 32px;
         width: 100%;
       }
-
-      /* Only applicable for locally built pages (i.e. network offline) */
-      .title-area {
-        height: 100%;
-        justify-content: flex-start;
-        padding-inline-start: 55px;
-      }
-
-      .content-area {
-        align-items: stretch;
-        display: flex;
-        justify-content: flex-start;
-        width: 58%;
-      }
     }
 
     @media (orientation: portrait) {
@@ -100,20 +76,6 @@
         justify-content: center;
         width: 100%;
       }
-
-      /* Only applicable for locally built pages (i.e. network offline) */
-      .title-area {
-         align-items: center;
-         height: 40%;
-         justify-content: flex-end;
-         width: 100%;
-       }
-
-      .content-area {
-        align-items: center;
-        display: flex;
-        justify-content: space-evenly;
-      }
     }
 
     .main[scrollable].can-scroll:not(.is-scrolled):not(.scrolled-to-bottom) {
@@ -163,58 +125,6 @@
       justify-content:  center;
     }
 
-    h1 {
-      font-size: 2em;
-      font-weight: normal;
-      margin-bottom: 16px;
-      margin-top: 20px;
-    }
-
-    p {
-      line-height: 1.5;
-      margin: 0;
-      white-space: pre-line;
-    }
-
-    a {
-      color: var(--google-blue-700);
-      text-decoration: none;
-    }
-
-    .main-padding {
-      height: calc(100% - calc(64px -var(--dialog-top-border-size)));
-      padding-inline-end: 64px;
-      padding-inline-start: 64px;
-      padding-top: calc(64px - var(--dialog-top-border-size));
-      width: 100%;
-    }
-
-    .text-elide {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .secondary {
-      color: var(--google-grey-700);
-      font-weight: 400;
-    }
-
-    .google-logo {
-      height: 32px;
-      margin-top: 10px;
-      width: 32px;
-    }
-
-    .google-full-logo {
-      width: 74px;
-    }
-
-    .profile-icon {
-      background: center / cover no-repeat;
-      border-radius: 50%;
-      flex-shrink: 0;
-    }
     span[slot='buttons'] {
       display: flex;
       width: 100%;