*,*:before,*:after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{margin:.5rem 0}body{line-height:1.5}body,#root{width:100%;padding:0;margin:0;box-sizing:border-box}.app{margin-top:3rem;display:flex;flex-direction:column;gap:3rem;width:100%;align-items:center}.box-component{border:1px solid grey;width:100%;max-width:40rem}.box-component .title{border-bottom:1px solid grey;margin-bottom:.5rem;padding:.5rem}.box-component .body{padding:1rem}.current-weather .main-box{display:grid;grid-template-columns:auto auto}.nav{width:100%;max-width:40rem;display:flex;justify-content:end}.nav-link{display:flex;justify-content:center;align-items:center}.nav-logo{width:2rem}