html {font-size: clamp(15px, 2vw, 20px); }
body {margin: 0px; background-color: goldenrod;}
* {box-sizing: border-box;}
#container{ height: 100vh; overflow: auto; 
    background-color:whitesmoke; margin: auto; 
    font-size: 1.25rem; 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: right; background-color: bisque; 
    padding: 1rem; margin: 1rem 0rem 1rem 1rem; 
    font-size: 1rem;}
#whois{ float: left; width: 16rem;
    background-color: bisque; font-size: 1rem;
    padding: 1rem; margin: 1rem 1rem 1rem 0rem;}
#whoistitle{font-weight: bold; text-align: center;}
#pic {width: 10rem; float:right; 
    margin: 1rem -1rem 0rem 1rem}