:root {
    --green: #00FF00;
    --white: #FFFFFF;
    --black: #000000;
  }

body {
    background: var(--bg);
    color: var(--fontColor);
    font-family: helvetica;
  }
ul {
    font-family: helvetica;
}

.light-theme {
    --bg: var(--white);
    --fontColor: var(--black);
  }

.dark-theme {
    --bg: var(--black);
    --fontColor: var(--white);
  }

h1 {text-align: center;}
h2 {text-align: center;}
p {text-align: center;}
div {text-align: center;}
form {text-align: center;}

button {
  height: 4rem;
  width: 10rem;
  font-size: 1.5rem;
  border-radius: 5px;
  border: none;
  box-shadow: 1px 1px 5px black;
  background-color: white;
}

.flex-parent {
    display: flex;
  }
  
.jc-center {
    justify-content: center;
  }
  
button.margin-right {
    margin-right: 20px;
  }

#no-btn{
    position: relative;
}

#photoDIV {
    padding: 50px 0;
    text-align: center;
    background-color: gray;
    margin-top: 20px;
  }