*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto , system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#root, #__next {
  isolation: isolate;
}

:root{
--bg-color: #1DA1F2;
--hover-bg-color: #33a9f2;
--main-bg-color: rgb(230, 232, 233);
--text-color: rgb(97, 97, 97);
--yellow-hover: rgb(251, 215, 12);
--green-hover: rgb(0, 176, 0);
--grey-hover: rgb(71, 70, 70);
}

.container{
  display: grid;
  grid-template-columns:290px 2fr 1fr;
  grid-template-rows:150px 500px 1fr;
  grid-template-areas: 
  'sidebar header header'
  'sidebar main extra'
  'sidebar main extra';
}