*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root{--primary: #ddd;--box1: #e3e8d7;--box2:#2986bf;--dark: #333;--light: #fff;--main-radius: 12px;--boxes-radius: 18px;--main-padding: 0.6rem;--shadow: 0 1px 5px rgba(104,104,104,0.8);--padding-top: 2rem;--margin-top: 1rem;--border-style: outset}html{font-family:Arial,Helvetica,sans-serif;color:var(--dark)}body{position:relative;font-family:Arial,Helvetica,sans-serif;height:100vh;line-height:1.4;width:80vw;margin:0 auto;background:url(../images/2.jpg);padding-bottom:100px}img{max-width:100%;height:auto}.btn{background:var(--dark);color:var(--light);padding:.6rem 1.3rem}.parent{display:grid;background-image:url(../images/brown.jpg);background-repeat:repeat;padding:1rem;grid-template-columns:repeat(3 1fr);grid-template-rows:auto;padding-left:1rem;padding-right:1rem;gap:.5rem 1rem;font-weight:300;font-size:14px;color:#010101;text-align:left;grid-template-areas:"header header header" "nav nav nav" "box1 box2 box3 " "main main main" "footer footer footer"}header{background-image:url(../images/brown.jpg);grid-area:header}nav{grid-area:nav;margin-bottom:1.5rem}main{grid-area:main;background:#d9d4db;border:#010101 2px solid;padding:2rem;border-radius:var(--main-radius);padding-top:var(--main-padding)}#side-box{background:#7b8481;grid-area:side-box;border-radius:var(--main-radius);padding-top:var(--main-padding)}#box1{background:#ddd;grid-area:box1;border:#010101 6px;border-style:outset;border-radius:var(--boxes-radius);padding-top:var(--main-padding)}#box2{background:#ddd;grid-area:box2;border:#010101 6px;border-style:outset;place-items:center;border-radius:var(--boxes-radius);padding-top:var(--main-padding)}#box3{background:#c7bdca;grid-area:box3;border:#010101 6px;padding:2rem;border-style:outset;border-radius:var(--boxes-radius);padding-top:var(--main-padding)}.footer{grid-area:footer;max-height:7rem;border-radius:var(--main-radius);padding-top:var(--padding-top)}.copyright{text-align:center}.footer-right{text-align:right;padding-right:15px}@media only screen and (max-width: 580px){.parent{grid-template-columns:1fr;grid-template-rows:.4fr .4fr 2.2fr 1.2fr 1.2fr 1.2fr 1fr;grid-template-areas:"nav" "header" "main" "box1" "box2" "box3" "footer"}}/*# sourceMappingURL=template.min.css.map */