body{background:#d1defa;font-family:Arial,Helvetica,sans-serif;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}.logo{background:linear-gradient(90deg,#03228f 10%,#0e73e4 100%);width:40px;height:40px;border-radius:300px;margin-top:30px}.play{width:0;height:0;margin-top:15px;margin-left:0;border-left:12px solid white;border-top:6px solid transparent;border-bottom:6px solid transparent}.header h1{margin-top:32px;margin-left:16px}.nav{grid-area:nav;background:linear-gradient(90deg,#03228f 10%,#0e73e4 100%)}.nav>ul{display:flex;justify-content:center;align-items:center;list-style:none}.nav>ul>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.3)}.content{grid-area:content;background:#F6F7F9;display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:initial;flex-grow:1}.articulo-item{flex-grow:1;background:white;border-radius:10px;box-shadow:0 0 6px #ddd;margin:20px;padding:60px 25px;text-align:left;display:flex;max-height:300px}.articulo-item .mascara{width:20%;margin-right:40px}.articulo-item .img{margin-left:2rem;margin-right:5rem;align-self:center}.articulo-item h3{font-size:30px}.articulo-item h3 a{text-decoration:none;color:#000}.articulo-item h3 :hover{text-decoration:none;color:#0b70e1}.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:40px;color:#444}.jumbo p{display:block;margin-bottom:40px}.jumbo .mascara{width:100%;height:150px;overflow:hidden}.form-group .mascara{width:150px;margin:5px}.form-group .img{width:150px}.button,button,input[type=submit],input[type=button],.edit{text-decoration:none;width:100px;background:#0b70e1;color:#fff;border:0;outline:0;padding:12px;border-radius:3px;margin-top:15px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.articulo-item .edit{margin-right:20px}.articulo-item .edit:hover{background:#e77b00}.articulo-item .delete:hover{background:#9b0202}.lateral{grid-area:lateral;background:#F6F7F9;border-left:1px solid #ddd;padding:20px;min-height:500px}.lateral>div{box-sizing:border-box;width:90%;margin:20px;padding:10px 20px 20px;background-color:#fff;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}.form-group{width:50%;margin:0 auto}.form-group label{display:block;margin-top:15px;text-align:left;font-size:16px;font-weight:500;color:#454545;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-color:#d1defa;color:#454545;border-top:1px solid white;text-align:left;line-height:68px;padding-left:25px}.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:80%}}#rss{width:20em;height:20em;border-radius:3em;background-color:red;font-size:14px}#rss:before{content:"";z-index:1;display:block;height:5em;width:5em;background:#fff;border-radius:50%;position:relative;top:11.5em;left:3.5em}#rss:after{content:"";display:block;background:#ff0000;width:13em;height:13em;top:-2em;left:3.8em;border-radius:2.5em;position:relative;box-shadow:-2em 2em #fff inset,-4em 4em red inset,-6em 6em #fff inset}.datos{margin-left:100px}