*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.contain{
  position: absolute;
  top: 0;
  left: 0;
  height: 3.5rem;
  width: 100%;
  padding: 10px 5px;
  background: rgb(15, 23, 48);
  transition: var(--tran-05);
 }
 .contain img{
  margin: 8px 32%;
 }
 .left{
  margin: -26% -18px;
 }
 .left a img{
  margin: -16.5% 10%;
  cursor: pointer;
 }
 .image img{
    margin: 17% 95px;
    margin-bottom: 12%;
 }
 .image h1{
    margin:-11% 130px;
    color: #2C2C2C;
    font-family: Arial;
    font-size: 22px;
    font-weight: 700;
 }
 .image p{
    margin:17% 27px;
    margin-bottom: 20px;
    color: #2C2C2C;
    font-family:arial;
    font-size: 14px;
    font-weight:lighter;
 }
 .container {
    position:absolute;
    width: 100%;
    background: rgba(3, 5, 45, 0.07);
  }

  .box-google{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-google img{
    margin: 25px 5%;
  }
  .box-google h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-google h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .google-share{
    margin:-135px 325px;
  }

  .box-chrome{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-chrome img{
    margin: 25px 5%;
  }
  .box-chrome h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-chrome h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .chrome-share{
    margin:-135px 325px;
  }

  .box-opera{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-opera img{
    margin: 25px 5%;
  }
  .box-opera h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-opera h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .opera-share{
    margin:-135px 325px;
  }

  .box-firefox{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-firefox img{
    margin: 25px 5%;
  }
  .box-firefox h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-firefox h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .firefox-share{
    margin:-135px 325px;
  }

  .box-ucbrower{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-ucbrower img{
    margin: 25px 5%;
  }
  .box-ucbrower h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-ucbrower h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .ucbrower-share{
    margin:-135px 325px;
  }

  .box-amazonmusic{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-amazonmusic img{
    margin: 25px 5%;
  }
  .box-amazonmusic h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-amazonmusic h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .amazonmusic-share{
    margin:-135px 325px;
  }

  .box-vidmate{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-vidmate img{
    margin: 25px 5%;
    border-radius: 8px;
  }
  .box-vidmate h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-vidmate h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .vidmate-share{
    margin:-135px 325px;
  }

  .box-microsoftedge{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-microsoftedge img{
    margin: 25px 5%;border-radius: 45px;
  }
  .box-microsoftedge h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-microsoftedge h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .microsoftedge-share{
    margin:-135px 325px;
  }

  .box-safari{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-safari img{
    margin: 25px 5%;
    border-radius: 45px;
  }
  .box-safari h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-safari h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .safari-share{
    margin:-135px 325px;
  }

  .box-internetexplorer{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-internetexplorer img{
    margin: 25px 5%;border-radius: 45px;
  }
  .box-internetexplorer h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-internetexplorer h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .internetexplorer-share{
    margin:-135px 325px;
  }

  .box-barve{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-barve img{
    margin: 25px 5%;
  }
  .box-barve h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-barve h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .barve-share{
    margin:-135px 325px;
  }

  .box-vivadi{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-vivadi img{
    margin: 25px 5%;
    border-radius: 45px;
    
  }
  .box-vivadi h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-vivadi h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .vivadi-share{
    margin:-135px 325px;
  }

  .box-duckduckgo{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-duckduckgo img{
    margin: 25px 5%;
  }
  .box-duckduckgo h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-duckduckgo h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .duckduckgo-share{
    margin:-135px 325px;
  }

  .box-chrominum{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-chrominum img{
    margin: 25px 5%;
  }
  .box-chrominum h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 149px;
  }
  .box-chrominum h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 115px;
  }
  .chrominum-share{
    margin:-135px 325px;
  }

  .box-epic{
    width: 94%;
    height: 128px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F8F8F8;
    margin: 15px 11px;
  }
  .box-epic img{
    margin: 25px 5%;
  }
  .box-epic h1 {
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin:-115px 135px;
  }
  .box-epic h2{
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 4rem;
    padding: 90px 100px;
  }
  .epic-share{
    margin:-135px 310px;
  }