html,body,#root{width:100%;height:100%}content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f0f0f0}.header{font-size:2em;font-weight:700;color:#333;margin-bottom:20px}.body{font-size:1.2em;color:#666;line-height:1.5;max-width:800px;text-align:justify;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.footer{font-size:.8em;color:#999;text-align:center;margin-top:20px;padding:10px;background-color:#f8f8f8;border-top:1px solid #e0e0e0}.main1{font-size:xx-large;font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#7fffd4}.link2{text-align:right}#text1{text-decoration:underline}.content{width:100%;height:100%;background:bisque}.header{background:#ffebcd;width:100%;height:30px}.body{background:beige;width:100%;height:calc(100%-60px)}.footer{background:violet;width:100%;height:30px}header{font-size:2em;font-weight:700;color:#333;margin-bottom:20px;text-align:center;padding:20px;background-color:linear-gradient(90deg,#ff7e5f,#feb47b);border-radius:8px;box-shadow:0 2px 4px #0000001a;line-height:50px}section{background-color:#f7f7f7;padding:20px;height:calc(100%-70px)}footer{height:30px;line-height:30px;font-size:8pt;color:#fff;background:linear-gradient(90deg,red,#00f);text-align:center}nav{display:flex;justify-content:space-between}nav.logo{font-size:10pt;font-weight:700;margin-left:0}nav ul{list-style:none;display:flex;margin:0;padding:0}nav ul li{margin:0 10px}nav .menu{margin-right:15px;font-size:20pt;display:none}@media (max-width: 768px){nav .menu{display:block;cursor:pointer}nav ul{display:none;position:sticky;top:50px;background:#fff;width:50%}nav ul.active{display:block}nav ul li{background:linear-gradient(90deg,#00f,purple);margin:2px 0 0}}