reset public js css

public/css/app.css

@@ -1,724 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Open+Sans);body {
-  margin: 0;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-h1 {
-  margin: 0;
-}
-
-h2 {
-  margin: 0;
-}
-
-h3 {
-  margin: 0;
-}
-
-h4 {
-  margin: 0;
-}
-
-h5 {
-  margin: 0;
-}
-
-h6 {
-  margin: 0;
-}
-
-html {
-  font-size: 62.5%;
-}
-
-body {
-  font-family: "Open Sans", sans-serif;
-  font-size: 1.6rem;
-  color: #1a1a1a;
-}
-
-.relative {
-  position: relative;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.block {
-  display: block;
-}
-
-.inline {
-  display: inline;
-}
-
-.flex {
-  display: flex;
-}
-
-.flex-col {
-  display: flex;
-  flex-direction: column;
-}
-
-.flex-center {
-  display: flex;
-  justify-content: center;
-}
-
-.flex-middle {
-  display: flex;
-  align-items: center;
-}
-
-.flex-end {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.flex-between {
-  display: flex;
-  justify-content: space-between;
-}
-
-.w-100 {
-  width: 100%;
-}
-
-.m-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.p-auto {
-  padding-left: auto;
-  padding-right: auto;
-}
-
-.m-0 {
-  margin: 0rem;
-}
-
-.mx-0 {
-  margin-left: 0rem;
-  margin-right: 0rem;
-}
-
-.my-0 {
-  margin-top: 0rem;
-  margin-bottom: 0rem;
-}
-
-.mt-0 {
-  margin-top: 0rem;
-}
-
-.ml-0 {
-  margin-left: 0rem;
-}
-
-.mr-0 {
-  margin-right: 0rem;
-}
-
-.mb-0 {
-  margin-bottom: 0rem;
-}
-
-.p-0 {
-  padding: 0rem;
-}
-
-.px-0 {
-  padding-left: 0rem;
-  padding-right: 0rem;
-}
-
-.py-0 {
-  padding-top: 0rem;
-  padding-bottom: 0rem;
-}
-
-.pt-0 {
-  padding-top: 0rem;
-}
-
-.pl-0 {
-  padding-left: 0rem;
-}
-
-.pb-0 {
-  padding-bottom: 0rem;
-}
-
-.m-1 {
-  margin: 1rem;
-}
-
-.mx-1 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-
-.my-1 {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-.mt-1 {
-  margin-top: 1rem;
-}
-
-.ml-1 {
-  margin-left: 1rem;
-}
-
-.mr-1 {
-  margin-right: 1rem;
-}
-
-.mb-1 {
-  margin-bottom: 1rem;
-}
-
-.p-1 {
-  padding: 1rem;
-}
-
-.px-1 {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
-
-.py-1 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-.pt-1 {
-  padding-top: 1rem;
-}
-
-.pl-1 {
-  padding-left: 1rem;
-}
-
-.pb-1 {
-  padding-bottom: 1rem;
-}
-
-.m-2 {
-  margin: 2rem;
-}
-
-.mx-2 {
-  margin-left: 2rem;
-  margin-right: 2rem;
-}
-
-.my-2 {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}
-
-.mt-2 {
-  margin-top: 2rem;
-}
-
-.ml-2 {
-  margin-left: 2rem;
-}
-
-.mr-2 {
-  margin-right: 2rem;
-}
-
-.mb-2 {
-  margin-bottom: 2rem;
-}
-
-.p-2 {
-  padding: 2rem;
-}
-
-.px-2 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
-
-.py-2 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
-.pt-2 {
-  padding-top: 2rem;
-}
-
-.pl-2 {
-  padding-left: 2rem;
-}
-
-.pb-2 {
-  padding-bottom: 2rem;
-}
-
-.m-3 {
-  margin: 3rem;
-}
-
-.mx-3 {
-  margin-left: 3rem;
-  margin-right: 3rem;
-}
-
-.my-3 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
-
-.mt-3 {
-  margin-top: 3rem;
-}
-
-.ml-3 {
-  margin-left: 3rem;
-}
-
-.mr-3 {
-  margin-right: 3rem;
-}
-
-.mb-3 {
-  margin-bottom: 3rem;
-}
-
-.p-3 {
-  padding: 3rem;
-}
-
-.px-3 {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
-
-.py-3 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-.pt-3 {
-  padding-top: 3rem;
-}
-
-.pl-3 {
-  padding-left: 3rem;
-}
-
-.pb-3 {
-  padding-bottom: 3rem;
-}
-
-.m-4 {
-  margin: 4rem;
-}
-
-.mx-4 {
-  margin-left: 4rem;
-  margin-right: 4rem;
-}
-
-.my-4 {
-  margin-top: 4rem;
-  margin-bottom: 4rem;
-}
-
-.mt-4 {
-  margin-top: 4rem;
-}
-
-.ml-4 {
-  margin-left: 4rem;
-}
-
-.mr-4 {
-  margin-right: 4rem;
-}
-
-.mb-4 {
-  margin-bottom: 4rem;
-}
-
-.p-4 {
-  padding: 4rem;
-}
-
-.px-4 {
-  padding-left: 4rem;
-  padding-right: 4rem;
-}
-
-.py-4 {
-  padding-top: 4rem;
-  padding-bottom: 4rem;
-}
-
-.pt-4 {
-  padding-top: 4rem;
-}
-
-.pl-4 {
-  padding-left: 4rem;
-}
-
-.pb-4 {
-  padding-bottom: 4rem;
-}
-
-.m-5 {
-  margin: 5rem;
-}
-
-.mx-5 {
-  margin-left: 5rem;
-  margin-right: 5rem;
-}
-
-.my-5 {
-  margin-top: 5rem;
-  margin-bottom: 5rem;
-}
-
-.mt-5 {
-  margin-top: 5rem;
-}
-
-.ml-5 {
-  margin-left: 5rem;
-}
-
-.mr-5 {
-  margin-right: 5rem;
-}
-
-.mb-5 {
-  margin-bottom: 5rem;
-}
-
-.p-5 {
-  padding: 5rem;
-}
-
-.px-5 {
-  padding-left: 5rem;
-  padding-right: 5rem;
-}
-
-.py-5 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
-}
-
-.pt-5 {
-  padding-top: 5rem;
-}
-
-.pl-5 {
-  padding-left: 5rem;
-}
-
-.pb-5 {
-  padding-bottom: 5rem;
-}
-
-.z-10 {
-  z-index: 10;
-}
-
-.btn,
-.btn-alert,
-.btn-secondary,
-.btn-primary {
-  font-size: 1.6rem;
-  border: 1px solid transparent;
-  padding: 0.5rem 1rem;
-  border-radius: 0.5rem;
-  cursor: pointer;
-  box-shadow: 1px 1px 2px grey;
-  text-decoration: none;
-  transition: background-color 0.2s, color 0.2s;
-}
-
-.btn:hover,
-.btn-alert:hover,
-.btn-secondary:hover,
-.btn-primary:hover {
-  transition: background-color 0.2s, color 0.2s;
-  background-color: #1F6521;
-  color: #ffffff;
-}
-
-.btn-primary {
-  background-color: #53900F;
-  border-color: #53900F;
-  color: #ffffff;
-}
-
-.btn-primary:visited,
-.btn-primary:focus {
-  color: #ffffff;
-}
-
-.btn-secondary {
-  background-color: #A4A71E;
-  border-color: #A4A71E;
-  color: #1F2605;
-}
-
-.btn-alert {
-  background-color: red;
-  border-color: red;
-  color: #ffffff;
-}
-
-.btn-alert:hover {
-  background-color: #1F2605;
-}
-
-label {
-  display: block;
-}
-
-textarea,
-input {
-  width: 100%;
-  border: 1px solid #D6CE15;
-  background-color: #eeeeee;
-  font-size: 1.6rem;
-  font-family: "Open Sans", sans-serif;
-  padding: 0.5rem 1rem;
-  border-radius: 0.5rem;
-}
-
-textarea:focus,
-input:focus {
-  background-color: #ffffff;
-  border-color: #1F2605;
-}
-
-input[type=checkbox] {
-  width: unset;
-}
-
-a {
-  color: #1F6521;
-}
-
-a:focus,
-a:visited {
-  color: #1F2605;
-}
-
-body {
-  overflow: hidden;
-  height: 100vh;
-}
-
-main {
-  overflow: auto;
-  width: 100%;
-  height: calc(100vh - 4.5rem);
-}
-
-nav {
-  background-color: #1F6521;
-  height: 100vh;
-  width: 15rem;
-  flex-shrink: 0;
-  box-shadow: inset -3px -2px 3px rgba(0, 0, 0, 0.2);
-}
-
-nav hr {
-  width: 90%;
-  border-radius: 1px;
-  border: 1px solid #1F2605;
-}
-
-nav .nav-item {
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  color: #D6CE15;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-
-nav .nav-item svg {
-  margin: 0 1rem;
-  transition: fill 0.2s;
-}
-
-nav .nav-item:hover {
-  color: #1F2605;
-  background-color: #D6CE15;
-  transition: color 0.2s, background-color 0.2s;
-}
-
-nav .nav-item:hover svg {
-  fill: #1F2605;
-  transition: fill 0.2s;
-}
-
-.site-logo,
-.site-logo-main {
-  width: 3rem;
-  fill: #D6CE15;
-  transition: fill 0.2s;
-}
-
-.site-logo:hover,
-.site-logo-main:hover {
-  fill: #1F2605;
-  transition: fill 0.2s;
-}
-
-.site-logo-main {
-  display: block;
-  padding: 1rem 2rem;
-  width: 100%;
-}
-
-.site-logo-main svg {
-  width: 100%;
-}
-
-.topbar {
-  background-color: #53900F;
-  width: calc(100vw - 15rem);
-  box-shadow: 3px 2px 3px rgba(0, 0, 0, 0.2);
-}
-
-.avatar {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: #1F2605;
-  border-radius: 50%;
-  color: #D6CE15;
-  font-weight: bold;
-  text-decoration: none;
-}
-
-.avatar-small {
-  width: 3rem;
-  height: 3rem;
-  font-size: 2rem;
-}
-
-.avatar-medium {
-  width: 5rem;
-  height: 5rem;
-  font-size: 3.3333333333rem;
-}
-
-.avatar-large {
-  width: 8rem;
-  height: 8rem;
-  font-size: 5.3333333333rem;
-}
-
-.avatar-box {
-  text-decoration: none;
-}
-
-.alert-box,
-.alert-error,
-.alert-success {
-  border: 1px solid #53900F;
-  color: #53900F;
-  font-weight: bold;
-  border-radius: 3px;
-}
-
-.alert-success {
-  border-color: green;
-  background-color: green;
-  color: #ffffff;
-}
-
-.alert-error {
-  border-color: red;
-  background-color: red;
-  color: #ffffff;
-}
-
-.search-box {
-  display: flex;
-  align-items: center;
-}
-
-.search-box button {
-  background: none;
-  border: none;
-  cursor: pointer;
-}
-
-.search-box svg {
-  width: 2.4rem;
-}
-
-.auth {
-  max-width: 350px;
-  width: 100%;
-  background-color: #D6CE15;
-  margin: 3rem auto;
-  border-radius: 1rem;
-  box-shadow: 1px 1px 2px grey;
-}
-
-.auth .title-page {
-  font-size: 2.4rem;
-  font-weight: bold;
-  text-align: center;
-  color: #1F2605;
-}
-
-.logo {
-  text-align: center;
-  font-size: 2.8rem;
-  color: #1F2605;
-  font-weight: bold;
-}
-
-.memo-list h1 {
-  font-size: 2.2rem;
-}
-
-.memo-list a {
-  text-decoration: none;
-}
-
-.memo-list:nth-child(even) {
-  background-color: #D6CE15;
-}
-
-.memo-list:hover {
-  background-color: #A4A71E;
-}
-
-.memo-list:hover .memo-date {
-  opacity: 1;
-}
-
-.memo-date {
-  opacity: 0.6;
-}
-
-.memo-edit .memo-text-area textarea {
-  height: 50vh;
-}
-