@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700;800&display=swap');

cb { background-color: rgb(63, 63, 63) }

a {
	color: #dddddd;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	
}

body {
/* 	text-align: center; */
	font-family:  Arial, Helvetica, sans-serif;
	background-color: black;
    background-color: #333;

	color: white;
}

h1,h2 {
  color: #e3f2fd;
  font-family: 'Noto Sans', sans-serif;  
}



h1 {
  color: #e3f2fd;
/*   font-family: 'Skranji', cursive; */
  font-size: 1.2rem;
/*   letter-spacing: 0.1em; */
}

h2 {
    color: #beddf4;
    font-size: 1.1rem;
}


#about-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95vw;
    margin: 0px auto;
}

#sub-container {
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin: 0;
}

@media screen and (min-width: 768px) {
    #about-container {
        width: min(750px, 90%);
    }
    h1 {
        font-size: 2.5rem;
    /* margin-top: 20px;    */
        transform: scale(1, 1.3);
    }

}