.app{background-color:#003459;border-radius:5px;margin:10%;transform:rotate(-1.5deg)}.profile-picture{width:100%;border-radius:5px}.title{display:flex;flex-direction:column;margin-top:2%;margin-bottom:2%}.title--items{margin:0rem;padding:0rem;line-height:2.5rem}.title--name{color:#fff;font-size:2rem;font-weight:700;padding:.2%}.title--job{color:#007ea7;font-size:1.5rem}.title--website{color:#fff;font-size:1rem;font-style:none;text-decoration:none}.title--website:hover{opacity:.7}.about,.interests{margin:4%}.about--title,.interests--title{text-align:left;color:#007ea7}.about--text,.interests--text{text-align:justify;text-justify:inter-word;opacity:.7}.buttons{display:flex;float:row;justify-content:space-evenly}.buttons--item{background-color:#00a8e8;padding:1% 2%;border-radius:5px;color:#fff;text-decoration:none;cursor:pointer}.buttons--item:hover{opacity:.7}.icons{display:flex;float:row;justify-content:space-evenly;padding-top:2.5%;padding-bottom:2.5%}.icons--item{width:3rem;cursor:pointer}.icons--item:hover{opacity:.7}palette{color:#00171f;color:#fff;color:#003459;color:#007ea7;color:#00a8e8}*{box-sizing:border-box}body{margin:0}@media (max-width: 640px){body{width:90%;margin:0 auto}}@media (min-width: 640px) and (max-width: 1024px){body{width:65%;margin:0 auto}}@media (min-width: 1024px){body{width:45%;margin:0 auto}}#root{font-family:Inter,serif;color:#fff;background-color:#00171f;margin:1rem auto;border-radius:10px;margin:2% auto;padding:2%;text-align:center;transform:rotate(1.5deg)}