*, *:after, *:before {
	 box-sizing: border-box;
}

 .checkbox-group {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 width: 90%;
	 margin-left: auto;
	 margin-right: auto;
	 max-width: 600px;
	 user-select: none;
}
 .checkbox-group > * {
	 margin: 0.5rem 0.5rem;
}
 .checkbox-group-legend {
	 /*font-size: 1.5rem;*/
	 font-weight: 700;
	 color: #1b1b1b;
	 text-align: center;
	 line-height: 1.125;
	 margin-bottom: 1.25rem;
}
 .checkbox-input {
	 clip: rect(0 0 0 0);
	 clip-path: inset(100%);
	 height: 1px;
	 overflow: hidden;
	 position: absolute;
	 white-space: nowrap;
	 width: 1px;
}
 .checkbox-input:checked + .checkbox-tile {
	 border-color: #00ffc3;
	 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	 color: #00ffc3;
}
 .checkbox-input:checked + .checkbox-tile:before {
	 transform: scale(1);
	 opacity: 1;
	 background-color: #00ffc3;
	 border-color: #00ffc3;
}
 .checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {
	 color: #00ffc3;
}

 .checkbox-tile,
 .form-input,
 .btn-primary {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
     height: 50px;
	 border-radius: 0.5rem;
	 border: 2px solid #343d4b;
	 background-color: #242930;
	 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	 transition: 0.15s ease;
	 cursor: pointer;
	 position: relative;
	 width: 100%;
}

.form-input,
.btn-primary {
  padding: 20px;
  border: 2px solid #7d7d7d;
}

h1 {
  color: white;
}

.mt-4 {
  margin-top: 40px;
}

.btn-primary {
  color: white;
  font-size: 19px;
}

.link-button {
  color: white;
  text-decoration: none;
}

.float-right {
  float: right;
}

.m-2 {
  margin: 20px;
}

.mb-2 {
  margin-bottom: 20px;
}

 .checkbox-tile:before {
	 content: "";
	 position: absolute;
	 display: block;
	 width: 1.25rem;
	 height: 1.25rem;
	 border: 2px solid #242930;
	 background-color: #343d4b;
	 border-radius: 50%;
	 top: 0.8rem;
	 left: 1rem;
	 opacity: 0;
	 transform: scale(0);
	 transition: 0.25s ease;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23242930' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
	 background-size: 20px;
	 background-repeat: no-repeat;
	 background-position: 50% 50%;
}

 .checkbox-tile:hover:before {
	 transform: scale(1);
	 opacity: 0;
}
 .checkbox-icon {
	 transition: 0.375s ease;
	 color: #494949;
}
 .checkbox-icon svg {
	 width: 3rem;
	 height: 3rem;
}
 .checkbox-label {
	 color: #FFFFFF;
	 transition: 0.375s ease;
	 text-align: center;
}
 
@media only screen and (max-width: 1024px) {
	.checkbox-tile {
	height: 70px;
	margin-top: 20px;
	}
}