html,body{margin:0;padding:0;background:transparent}.app{display:flex;flex-direction:column;gap:10px;border:4px solid #238000;padding:20px;min-height:100vh;box-sizing:border-box;background:#c7f0c7;margin:0}.top{display:flex;justify-content:center;gap:10px;border:4px solid #2000ff;padding:20px;background:#add8e6}.box{flex:1;height:88px;border:4px solid salmon;background:#ffdab9}.middle{flex:2;height:80px;border:4px solid salmon;display:flex;justify-content:center;align-items:center;padding:4px;background-color:#ffdab9}.inner-middle{display:flex;height:100%;flex:1}.half{flex:1;border:4px solid #f40105;background-color:#ffb6c1}.middle-section{display:flex;gap:10px;flex:1}.big{flex:1;border:4px solid #a52b2a;background:#ffb6c1}.column{flex:1;display:flex;flex-direction:column;gap:10px}.col{flex:1;border:4px solid #a52a2a;background:#ffb6c1}.bottom{display:flex;justify-content:space-between;gap:10px;border:4px solid blue;padding:10px;background:#add8e6}.mini-wrapper{display:flex;gap:10px;flex:1}.side{flex:1;height:80px;border:4px solid #6a5acd;background:#e6e6fa}.mini{flex:1;height:80px;border:4px solid salmon;background:#ffdab9}.peach{background:#ffdab9}.pink{background:#ffb6c1}.red{background:#fac0cb}.purple{background:#e2deff}