@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0}body{font-family:Roboto,sans-serif}.title{color:#4169e1;font-size:4rem;text-shadow:2px 2px 2px black}.head{padding:2% 5%;background-color:#404040;margin-bottom:.5vh}.logo{color:#fff;font-size:2rem;text-decoration:none}.nav{padding:1% 5%;background-color:#4169e1}.nav ul{display:flex;gap:20px}.nav ul li{list-style:none}.nav ul li a{text-decoration:none;color:#fff;text-transform:uppercase}.mid{width:90%;margin:auto;display:flex;justify-content:space-between;margin-top:1vh}.article{width:70%;background-color:#fff}.post{padding:1%;border:1px solid #404040;margin-bottom:.5vh}.post h2{color:#4169e1;padding:1%;background-color:#f5f5f5}.post p{text-align:justify;line-height:1.2;text-transform:capitalize;color:#404040;padding:1%}.aside{width:29%;background-color:#f5f5f5}.footer{height:8vh;background-color:#404040}