html{height:100%}body{display:flex;justify-content:center;align-items:center;height:100%;background:#494848;margin:0;transform:rotate(45deg)}.container{background:#785757;padding:20px;border:1px solid #c8c8c8;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;position:relative;transition:transform .1s ease-in-out}.container .container{background:#6a5555}.container .container .container{background:#5d5353}.container .container .container .container{background:#515050}.container:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.1)}.title{font-family:"Arial",sans-serif;font-size:48px;display:inline-block;background:#6a5555;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px;color:#ccc;transform:rotate(45deg);transition:transform .4s ease-in-out}.title:hover{transform:scale(1.05) rotate(-90deg)}