html {font-size: clamp(15px, 2vw, 20px);}
body {margin: 0px; background-color:red;}
*{box-sizing: border-box;}
#container{height:100vh; overflow: auto; background-color: whitesmoke; margin: auto; font-size: 1.23rem; width: min(100%, 1000px);}
#title {font-size: 3rem; text-align: center; margin: 1rem}
#name {font-size: 2.25rem; text-align: left; margin: 1rem;}
.para{margin:1rem;}
#me {float: left; background-color:lemonchiffon; padding: 1rem; margin: 1rem 1rem 1rem 1rem; font-size: 1rem;}
#pic {width: 10rem; float: right; margin: 1rem -1rem 0rem 1rem}
#pic2 {width: 10rem; float: left; margin: 1rem 1rem 0rem 1rem}