body
{
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background: linear-gradient(#8A849E, #D8A7BC);
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.mainDiv
{
    border: solid 0px black;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding:5px;
    animation: fadeIn 1s ease-in-out;

}

.bigDiv
{
    width: 95%;
    height: 95%;	
}


.container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            /* Set the height of the container to the viewport height */
}

.pfp
{
    border-radius: 100%;
    margin:10px;
}

button
{	
    background-color: #8A849E;
    color: white;
    border: none;
    border-radius: 5px;
    width: 95%;
    padding: 15px;
    margin: 10px;
    font-size: 90%;   
}

button:hover
{
	background-color:#D8A7BC;
	transition: 0.5s;
}

select
{	
    background-color: #8A849E;
    color: white;
    border: none;
    border-radius: 5px;
    width: 95%;
    padding: 15px;
    margin: 10px;
    font-size: 90%;   
}

.iframe
{
    background-color: black;
    width: 100%;
    height:100%;
    border:none;
    border-radius: 5px;
}