body{margin:20px;font-family:Trebuchet MS,Geneva,Tahoma,sans-serif}.avatar{width:30%;height:30%;box-shadow:-5px 5px 5px #d8f8fe}.card{width:400px;margin:0 auto;padding:20px;display:flex;justify-content:space-around;text-align:center;background:#fffdeb;color:#2b2839;border-bottom:6px solid #D8F8FE;border-left:6px solid #D8F8FE}.border-blue{border:1px dotted blue}.card:hover{background-color:#fffbd6}.cool-hover{border-radius:10px;padding:2px 5px}.cool-hover:hover{background-color:#f6dfe2}