OpenAuth_server/views/src/authorize/authorize.scss

@import "@material/button/mdc-button";
.blue-button {
   background: #4a89dc !important;
}

.grey-button {
   background: #797979 !important;
}

hr {
   //  display: block;
   //  height: 1px;
   border: 0;
   border-top: 1px solid #b8b8b8;
   //  margin: 1em 0;
   //  padding: 0;
}
body {
   font-family: Helvetica;
   background: #eee;
   -webkit-font-smoothing: antialiased;
}

.title {
   text-align: center;
}

h1,
h3 {
   font-weight: 300;
}

h1 {
   color: #636363;
}

ul {
   list-style: none;
   padding-left: 0;
}

.permission {
   display: flex;
   img {
      height: 50px;
      width: 50px;
   }
   .text {
      // width: calc(100% - 60px);
      padding-left: 10px;
   }
}

// .image {
//    height: 50px;
//    width: 50px;
// }

// .text {
//    // width: calc(100% - 60px);
//    padding-left: 10px;
// }

.scope_title {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 5px;
}

.scope_description {
   margin-top: 0;
   padding-left: 15px;
   font-size: 13px;
   color: #202020;
}

.card {
   max-width: 480px;
   margin: 4em auto;
   padding: 3em 2em 2em 2em;
   background: #fafafa;
   border: 1px solid #ebebeb;
   box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px,
      rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px;
}