body{background:#f6f7f9;font-family:sans-serif,Arial,helvetica;text-align:center;padding:0;margin:0}.layout{width:100%;height:auto;display:grid;grid-template-areas:"header header header header" "nav nav nav nav" "content content content lateral" "footer footer footer footer";grid-template-rows:100px 70px auto 70px;grid-template-columns:1fr 1fr 1fr 25%}.header{grid-area:header;background:white;text-align:left;font-style:italic;display:flex;justify-content:center}.play{width:0px;height:0px;margin-top:15px;margin-left:16px;border-left:12px solid white;border-top:6px solid transparent;border-bottom:6px solid transparent}.header h1{margin-left:15px;margin-top:30px}.logo{background:linear-gradient(90deg,#123f64be,10px,#6f9dd1 100%);width:40px;height:40px;border-radius:300px;margin-top:30px}.nav{grid-area:nav;background:#D8DEC3}.nav>ul{display:flex;justify-content:center;align-items:center;list-style:none}.nav li{padding:10px}.nav a{display:block;margin-left:30px;margin-right:30px;font-size:18px;font-weight:lighter;color:#fff;text-decoration:none;transition:all .3s}.nav a:hover{transform:scale(1.2);color:#06abc2}.content{grid-area:content;background:#f6f7f9;display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:initial}.articulo-item{flex-grow:1;background:white;border-radius:10px;box-shadow:0 0 6px #ddd;margin:20px;padding:60px 25px;text-align:left;max-height:225px;display:flex}.articulo-item .mask{width:20%;overflow:hidden;margin-right:40px}.articulo-item .mask img{width:85%}.articulo-item h3{font-size:20px}.articulo-item h3 a{text-decoration:none;color:#000}.articulo-item h3 a:hover{color:#06abc2}.jumbo{width:85%;padding:55px 55px 75px;background:white;border-radius:10px;box-shadow:0 0 6px #ddd;margin:25px auto}.jumbo h1{font-size:35px;color:#444}.jumbo p{display:block;margin-bottom:40px}.jumbo .mask{width:100%;height:150px;overflow:hidden}.form-group .mask{width:100%;height:10px}.form-group .mask img{width:50%;height:50px}.button,button,input[type=submit],input[type=button]{text-decoration:none;width:100px;background:#9aaec5;color:#fff;border:0;outline:0;padding:15px;border-radius:9px;margin-top:15px;text-transform:capitalize;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;margin-right:4px}.edit{text-decoration:none;width:100px;background:#9aaec5;color:#fff;border:0;outline:0;padding:15px;border-radius:9px;margin-top:15px;text-transform:capitalize;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;margin-left:10px}.button:hover,#search:hover{background:#06ABC2}.articulo-item .edit{margin-right:20px}.articulo-item .edit:hover,.articulo-item .delete:hover{background:#EA9280}.lateral{grid-area:lateral;background:#f6f7f9;border-left:1px solid #ddd;padding:20px;min-height:490px}.lateral>div{box-sizing:border-box;width:90%;margin:20px;padding:10px 20px 20px;background:white;border-radius:10px;box-shadow:0 0 6px #ddd}input[type=text],textarea{display:block;margin:15px auto 0;padding:12px;border-radius:5px;background:#f6f7f9;color:#454545;width:80%;opacity:4;outline:0;border-color:transparent}.edit_form{border-top:1px solid #ddd}.form-group{width:40%;margin:0 auto}.form-group label{display:block;text-align:left;color:#444;margin-bottom:5px}.form-group input[type=text],.form-group textarea,.form-group input[type=file]{border:1px solid #ddd;outline:0;width:100%;margin-top:0;margin-bottom:15px}.footer{grid-area:footer;background:white;color:#454545;border-top:1px solid white;text-align:center;position:fixed;left:0;bottom:0;height:30px;width:100%}.footer a{color:#0b468a;text-decoration:none}@media (max-width: 1085px){.content{flex-flow:column wrap;justify-content:center;align-items:center}.articulo-item{width:85%}}