html {font-size: clamp(15px, 2vw, 20px);}
body {margin: 0px; background-color: hotpink;}
* {box-sizing: border-box;}
#container {height: 100vh; overflow: auto; background-color: pink; margin: auto; font-size: 1.25rem; width: min(100%, 1000px);}
#title {font-size: 3rem; text-align: center; margin: 1rem;}
.para {margin: 1rem;}
#me {float: right; background-color: aliceblue; padding: 1rem; margin: 1rem 0rem 1rem 1rem; font-size: 1rem;}
#whatis { float: left; width: 16rem; background-color: aliceblue; font-size: 1rem;padding: 1rem; margin: 1rem 1rem 1rem 0rem;}
#whatistitle {font-weight: bold; text-align: center;}
#pic {width: 20rem; float: right; margin: 1rem -1rem 0rem 1rem;}