body{ background-color: #2b2b2b;}

ion-icon{ cursor: pointer;}
a { text-decoration: none; } 

.navbar{ background: #202121; color:#ffffff; position: fixed; }
 .navbar a{ text-decoration: none; color:#ffffff;}     
 

.contin{ display:flex; align-items:flex-start; margin-top:50px; justify-content:center;}

 .tagSection{ border:2px solid #303030; padding:10px; width:300px; display:flex; flex-wrap:wrap; color:#fff; margin:30px;}
  #tagBlocks{ margin:5px; border:1px solid #525252; padding:5px; cursor:pointer; border-radius:5px;}

 .postSection{ color:#fff;}

  .postBlock{ margin-top: 70px; width:700px;}
   .myVideo {width: 100%; max-height: 500px;}
   .sound {position: absolute; margin: -40px 5px; opacity: 0.5;}
   #postTitle a{ margin-left:10px; color:#ffffff; font-weight:bold;}
   #postTitle h1{ font-size: x-large;}
   #postBody { box-shadow:0px 0px 3px 1px #1c1c1c inset;}
   #postImg{max-width:500px;}
   #postTagsCon{ display:flex;padding:10px;}
   #postTag{ background:#545252; margin:10px 5px 0 0 ; padding:3px 10px; border-radius:5px; cursor:pointer;}
   #postToolsCon{ display:flex; justify-content:space-between; width:100%;}
   #postLikeBox{ display:flex; align-items:center; border-top:1px solid #2b2b2b; border-bottom:1px solid #1c1c1c; border-left:1px solid #1c1c1c; border-right:1px solid #1c1c1c; border-radius:0 0 10px 10px; padding:5px 5px 0px 5px;}
   #postShareBox{ display:flex; opacity:0.8; cursor:pointer; align-items:center; justify-content:space-evenly; width:200px; border:1px solid #1c1c1c; border-radius:0 0 10px 10px; }

.adSection{ text-align:center; flex-shrink:1; margin:50px; color:#ffffff; }



    




/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 1000px) { 
    
    .contin{display:grid;place-items: center;}
    .tagSection{width:100%;} 
    .postSection{color:#fff;width:100%;} 
    #postImg{max-width:100%;}
    .postBlock{margin-top: 70px;width:100%;}
    .adSection{display:none;} 
}

/*

 Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

 Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/