body, html {
    margin:0;
    padding:0;
    box-sizing: border-box;

    color:black;
    
    background-color:rgba(250,250,250,0.9);

    width:100vw;
    height:100vh;

    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:"wdth" 100;
    font-size:14pt;    
}

.shadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}

a {
    color:black;
    text-decoration: none;
}



.rvt-lockup__trident {
    height: 40px;
    color: #990000;
}

.menu-item {
    padding:0.125em 1.5rem;
    border:2px solid transparent;
}

.menu-itemx {
    padding:0.125em 1.5rem;
    border:2px solid transparent;
}

.menu-item:hover {
    border:2px solid cornflowerblue;
}


.budu-card-space {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start; /* prevents stretching */
  justify-content: flex-start;
  height: auto;            /* do not force flex container height */
}


.budu-card {
  flex: 1 1 300px; /* Allows cards to grow, shrink, and have a base width */
  background-color: #f3f4f6;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  max-width:300px;
  max-height:225px;
  margin:0em;
}

.budu-card-raised {
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: 0 .25rem 1rem rgba(36,49,66,0.2);
}

.budu-card-title {
  font-size: 1.25rem;
  
  line-height: 1.3;   
  display:flex;
  justify-content:space-between;
}

	.arrow-placeholder {

		left:0;
		right:0;
	
		.arrow {
			position:relative;
			margin:0 auto -2px auto;
			width:10px;
		
			&:before, &:after {
				content:'';
				background:#000;
				width:18px;
				height:3px;
				display: block;
				position: absolute;
				top:31px;
				-webkit-border-radius:3px;
			}
			
			&:before {
				left: 1px;
    			-webkit-transform: rotate(-45deg);
			}
			
			&:after {
				left:-10px;
				-webkit-transform: rotate(45deg);
			}
		}
		
		.arrow-down-animated {
			margin:0 auto;
			position:relative;
			width:60px;
			height:60px;
			border:3px solid #000;
			border-radius:70px;
			-webkit-animation:pulse 2s infinite;
			
			&:after {
				content:'';
				position:absolute;
				top:-2px;
				left:-2px;
				width:60px;
				height:60px;
				border:2px solid #000;
				border-radius:70px;
				-webkit-animation:ring 2s infinite;
			}
		}
	}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
	}
	
	10% {
		-webkit-transform: scale(1.08);
      transform: scale(1.08);
      opacity: 1
	}
	
	40% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }
	
   100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1
   }
}


@keyframes ring {
    0% {
		 -webkit-transform: scale(1);
		 transform: scale(1);	
		 opacity: .8
    }

    100% {
       -webkit-transform: scale(1.8);
       transform: scale(1.8);
       opacity: 0
    }
}