body {
    /* Angled from top-right to bottom-left */
    background: linear-gradient(135deg, #4b3a7a 0%, #7d3f82 40%, #c55a6d 80%, #e88c7d 100%);
    background-attachment: fixed; /* Keeps background still while scrolling */
    min-height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.main-content{
    display: flex;
    justify-content: center;
    align-items: center;

    /* hiding bg-color for now= */
    /*background-color: #192839; */

    height: 80vh;
    width: 35vw;
    margin: 20px;
    

}

.title{
  display: flex;
    font-size: 35px;
    margin: none;
    padding-top: 110px;
    justify-content: center;

    font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 750;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
  color: white;
  

}

.rounded-box {
  border-radius: 15px; /* Rounds all four corners by 15px */
  background-color: #232d38;
  padding: none;
  width: 30vw;
  height: 80vh;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;

}



* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden; /* Only if you want to disable scrolling entirely */

}