.box,.boxed,body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.box a,.footer a{text-decoration:none}.bold,.box a .title,.footer .author,.title{font-weight:700}body{background:#eceff1;color:#fff;margin:0;padding:0}.box,.title{color:#212121}.main{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:10vh 15vh 13vh;grid-gap:4px;width:100%;height:100%}.title{font-size:18px;margin:20px}.wrap{display:block;grid-column:1/5;grid-row:2/5;margin-left:15px;margin-right:15px}.box{padding:10% 10px}.box a{color:inherit;display:flex}.box a i{color:initial;padding:0 15px}.box a .title{color:inherit;margin:0}.box a:hover .title,.box a:hover i{color:#3f51b5}.boxed{color:#212121;padding:10px 20px}.text-center{align-items:center;display:flex}.align-center,.sidebar{justify-content:center;display:flex}.fz-h3{font-size:1.17em}.fz-18{font-size:18px}.fz-17{font-size:17px}.fz-14{font-size:14px}.sidebar{background:#fff;grid-row:2/5;grid-column:1/2;align-items:start;padding-top:20px}.sidebar .avatar{display:flex;justify-content:center;align-items:center;width:100px}.footer,.sidebar .avatar img{width:100%}.header{display:flex;background:#303f9f;grid-column:1/5;padding:10px;z-index:1000}.header .header-icon{font-size:35px;padding:0 15px 0 5px;font-weight:700}.header .btn-goback{background-color:transparent;color:#fff;border:none;padding:0 15px 0 0}.header .btn-goback i{font-size:30px}.content{background:#fff;grid-column:2/5}.footer{display:grid;background:#212121;grid-column:1/5;grid-row:5/5;padding-top:10px;position:fixed;bottom:0;max-width:100%;z-index:1000}.footer a{color:#fff;padding:10px 10px 0}.footer .author{font-size:19px;color:#fff;padding:10px}@media screen and (min-width:880px){.footer,.main{width:45%}.main{margin:auto}}