*{box-sizing:border-box;margin:0%;padding:0%}.nav{border:2px solid #000;width:10%;height:550px}.nav a{color:#000;margin-top:15px;padding:0% 16%;font-size:1.5rem;text-decoration:none;display:block}.home{width:90%;min-height:0}@keyframes ducat{0%{background-color:#00f}to{background-color:red}}.header{animation-name:ducat;animation-duration:3s;animation-iteration-count:infinite;animation-delay:.5s}.insert{text-align:center;background-image:url(https://images.pexels.com/photos/36341989/pexels-photo-36341989.jpeg);background-repeat:no-repeat;background-size:100% 650px;border:2px solid #000;justify-items:center;width:90%;height:650px}.insert input{text-align:center;background-color:#f5f5f5;width:40%;height:40px;margin-top:60px;font-size:1.5rem;display:block}input::placeholder{color:#000}.insert button{color:azure;background-color:#00f;width:15%;height:40px;margin-top:30px}.view{flex-wrap:wrap;justify-content:space-between;width:90%;height:750px;display:flex}.box{text-align:center;border:2px solid #000;width:33.33%;height:300px}.box h1{color:#000}.box a{color:#00f;font-size:x-large;text-decoration:none}.post{text-align:center;background-color:#909090;border:2px solid #000;width:40%;height:300px;margin-top:50px;margin-right:30%}@keyframes post{0%{background-color:#000;margin-left:200px}25%{background-color:red;margin-right:200px}50%{background-color:#ff0;margin-left:200px}75%{background-color:green;margin-right:200px}to{background-color:#00008b;margin-left:200px}}.post{animation-name:post;animation-duration:2s;animation-iteration-count:infinite;animation-delay:0s}.post h1{color:#fff;margin-top:20px;font-family:Verdana,Geneva,Tahoma,sans-serif}.post button{color:#fff;background-color:#00f;width:100px;height:40px;margin-top:20px}.update{flex-wrap:wrap;justify-content:space-between;width:90%;height:750px;display:flex}.edit{text-align:center;justify-items:center;width:40%;height:400px;margin-top:40px;margin-right:25%}.edit input{text-align:center;text-transform:uppercase;background-color:bisque;width:60%;height:50px;margin-top:20px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.5rem;display:block}.edit button{color:#fff;background-color:#00f;width:100px;height:40px;margin-top:20px}.delete{flex-wrap:wrap;justify-content:space-between;width:90%;height:750px;display:flex}.del{text-align:center;justify-items:center;width:40%;height:400px;margin-top:40px;margin-right:25%}.del input{text-align:center;text-transform:uppercase;background-color:#fff;width:60%;height:50px;margin-top:20px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:1.5rem;display:block}.del button{color:#fff;background-color:red;width:100px;height:40px;margin-top:20px}