@font-face {
  font-family: llamarollFont;
  src: url(../img/font/Rollama-final-Regular.ttf);
}

body {
  background-color: rgb(65, 65, 65);
  font-size: 2rem;
}

.optionImg {
  margin-bottom: 30px;
  border-radius: 25px;
}

body .container {
  margin: 0px;
  padding: 0px;
  max-width: unset;
}

.optionTitle {
  color: #4a3050;
  margin-bottom: 5px;
  font-family: llamarollFont;
  font-size: 35px;
}

.optColumn {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px;
  border: 2px solid;
  margin: 10px;
  border-radius: 15px;
  box-shadow: 3px 3px #733381;
  font-size: 50px;
}

.optColumn:hover {
  background-color: #7bb662;
}

.optColumn p {
  color: #4a3050;
  position: relative;
}

.optBtn {
  background-color: #994fb2;
  border-color: #733381;
  color: white;
  border-radius: 10px;
  margin-top: 20px;
}

.optBtn:hover {
  background-color: #4a3050;
  border-color: #1c0f24;
}

.card {
  padding: 30px;
  background-color: #733381;
  max-width: 600px;
}

.card label {
  font-family: llamarollFont;
  color: white;
  font-size: 2rem;
}

h1 {
  color: #fbb04b;
  font-family: llamarollFont;
  margin: 20px;
}

p {
  font-family: llamarollFont;
}

.passhelp {
  display: none;
  color: white;
}

.passwarning {
  background-color: red;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.regSuccess {
  display: none;
}

.select2-container {
  width: 100% !important;
}

.select2 span.select2-selection--single {
  height: 38px;
}

.selection span.select2-selection--multiple {
  padding-top: 5px;
  padding-bottom: 10px;
}

.select2-container--default .select2-selection--single span.select2-selection__rendered {
  line-height: 35px;
}

.select2-container {
  font-size: 1.5rem;
}

.countrySelect {
  width: 100%;
  font-size: 1.5rem;
}

.registerContainer {
  flex-direction: column;
  justify-content: space-between;
}

.add-student-input {
  justify-content: space-around;
}