html {
    overflow:auto;
}

/* .button {
    height: 100%;
} */

.button.align-baseline {
    vertical-align: baseline;
}

.trello-column {
    width: 20rem;
    min-width: 20rem;
}

.trello-add-column {
    width: 17rem;
    min-width: 17rem;
}

.trello-comment {
    cursor: default;
}

.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon.is-very-large {
    height: 5rem;
    width: 5rem;
}

.mw-400 {
    max-width: 400px !important;
}

.expand-button {
    width: 100%;
}

.border {
    border: 1px solid #c1c1c1;
}

.display-none {
    display: none;
}

.cal-label-red {
    color: red;
}


/* Karla Changes */

/* menu */
:root {
    --violet: #6D5896;
    --white:#FFFFFF; 
}

.purple-background{
    background-color: var(--violet);
}

.white-background{
    background-color: var(--white);
}


.purple-text{
    color : var(--violet);
}


a.navbar-item:hover{
    color: var(--violet);
}

.white-text{
    color: var(--white) !important;
}

.grid{
    display: grid;
    justify-content: center;
}

/* button on the bottom in a form */
/* .bottom-absolute{
    position: absolute;
    right:    0;
    bottom:   46px;
} */

.space-top-button-signin{
    margin-top:179px;
}

.space-top-button-signup{
    margin-top: 300px;
}

.space-top-button-fpassword{
    margin-top: 145px;
}

.margins-80{
    max-width: 80%;
    margin: 0 auto;
}

.bg-image{
    background-image: url('lib/assets/images/olk_home_header_image1.jpg');
}

.container-fluid{
    margin: 0 auto;
}

.logo-resize{
    max-width: 35%;
}

@media(max-width: 500px) {
    .reverse-columns {
      flex-direction: column-reverse;
      display: flex;
    }
  }

  .titled {
    font-family: 'Raleway', serif !important;
    font-size: 58px !important;
    font-weight: 400 !important;
    line-height: 64px !important;
  }

  .subtitled {
    font-family: 'Roboto', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
  }
  #team-image {
    background-image: url('../assets/images/olk_home_header_image1.jpg');
    background-position: center;
    background-size: cover;
    /* background-color: #212931; */
  }

  .container:not(.is-max-desktop):not(.is-max-widescreen) {
      max-width: 870px;
  }

  .column.contact {
    max-width: 600px !important;
    }

  .column{
      display: flex;
  }

  .gradient-purple-black{
    background: rgb(0,0,0);/* For browsers that do not support gradients */
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(109,88,150,1) 100%);
  }

  .gradient-black-purple{
    background: rgb(0,0,0);/* For browsers that do not support gradients */
    background: linear-gradient(0deg, rgba(109,88,150,1) 0%, rgba(0,0,0,1) 100%);
  }

  .purple-background-signup {
	animation-name: backgroundColorPalette;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear; 
	/* linear is enabled default, it’s not necessary to add it make it work but it can make your code more expressive */
}

@keyframes backgroundColorPalette {
	0% {
		background: #6D5896;
	}
	25% {
		background: #876EB7;
	}
	50% {
		background: #554080;
	}
	75% {
		background: #9884BF;
	}
	100% {
		background: #292139;
	}
}

#login-section{
    display:flex; 
    min-height: 100vh; 
    flex-direction:column;
}