body{background-color:antiquewhite;
     height:650px;}

#box1{height: 300px;
    width: 320px;
    background-image: url("Profilepic1.jpg");
    background-size:cover;
    position: relative;}

#box2{height: 450px;
      width: 320px;
    background-color:rgba(255, 183, 0, 0.686);
    justify-content: center;
    text-align: center;
    text-decoration: solid;
    color: black;
    font-weight: bold;
    font-size: 25px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    position: relative;}

 #box3{height: 100px;
       width: 900px;
       position:relative;
       top: -740px;
       left: 400px;
       font-weight: bolder;
       text-align:center;
       font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
       font-size:70px;}
               
#box4{height: 100px;
        width: 900px;
        position:relative;
        top: -725px;
        left: 400px;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

 #maindiv{height: 380px;
       width: 570px;
       position:relative;
       top: -470px;
       left: 210px;
       margin: auto;
       border-radius: 25px;
       transform: translate(-50%, -50%);
       background-image: url("p1.jpg");
       background-size: 100% 100%;
       box-shadow: 1px 2px 10px rgba(255, 183, 0, 0.686);
       animation:slider2 20s infinite linear;}

@keyframes slider2{
      0% {background-image: url("p1.jpg");}
      30%{background-image: url("p2.jpg");}
      50%{background-image: url("p3.jpg");}
      80%{background-image: url("p4.jpg");}
      100%{background-image: url("p5.jpg");}
              }


#box6{height: 360px;
      width: 370px;
      position:relative;
      top: -1020px;
      left: 975px;
      border-radius: 20px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

#box7{height: 340px;
      width: 35px;
      border-radius: 20px;
      position: relative;
      left: 450px;
      top: -500px;
      place-content:center;}

#box8{height: 100px;
      width: 900px;
      position:relative;
      top: -740px;
      left: 400px;
      font-weight: bolder;
      text-align:center;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-size: 50px;}

#box14{height: 240px;
       width: 1050px;
       position: relative;
       top: -740px;
       left: 400px;
       font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;} 

#box15{height: 240px;
       width: 250px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

#box16{height: 240px;
       width: 250px;
       position: relative;
       top: -250px;
       left: 260px;
       font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}
       
#box17{height: 240px;
      width: 250px;
      position: relative;
      top: -495px;
      left: 490px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

#box18{height: 240px;
      width: 250px;
      position: relative;
      top: -720px;
      left: 750px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

#box41{height: 340px;
  width: 35px;
  border-radius: 20px;
  position: relative;
  left: 1030px;
  top: -900px;
  place-content:center;}

#box42{height: 340px;
    width: 35px;
    border-radius: 20px;
    position: relative;
    left: 1430px;
    top: -650px;
    place-content:center;}

#box43{height: 340px;
      width: 35px;
      border-radius: 20px;
      position: relative;
      left: 1420px;
      top: -680px;
      place-content:center;}

#box44{height: 340px;
        width: 35px;
        border-radius: 20px;
        position: relative;
        left: 1420px;
        top: -660px;
        place-content:center;}

#box45{height: 300px;
       width: 980px;
       position: relative;
       top: -1140px;}

#box46{height: 400px;
       width: 600px;
       position: relative;
       left: -970px;
       top: -380px;
      background-color: blue;
      background-image: url("contactpic2.avif");
      background-size: contain;
      border-radius: 25px;}

#box47{height: 400px;
      width: 200px;
      position: relative;
      left: -300px;
      top: -760px;
      border-radius: 25px;
      font-size:65px;}

#box48{height: 130px;
       width: 680px;
       position: relative;
       top: -750px;
       left: -850px;
       background-image: url("thanks.png");
       background-size: contain;
       background-repeat: no-repeat;}

#box50{height: 195px;
       width: 260px;
       position: relative;
       left: 420px;
       top: -1075px;
       background-image: url("Laptop\ Refreshment.webp");
       background-size: contain;
       border-radius: 25px;}

#box51{height: 195px;
       width: 620px;
      position: relative;
      left: 685px;
      top: -1267px;
      border-radius: 25px;
      font-size: 17px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

#box52{height: 195px;
        width: 260px;
       position: relative;
       left: 420px;
       top: -1255px;
       border-radius: 25px;
       background-image: url("verizon.webp");}

#box53{height: 195px;
        width: 620px;
       position: relative;
       left: 685px;
       top: -1450px;
       border-radius: 25px;
       font-size: 17px;
       font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

#box54{height: 195px;
        width: 260px;
       position: relative;
       left: 420px;
       top: -1445px;
       background-image: url("sfdc.png");
       background-size: contain;
       border-radius: 25px;
       background-color: skyblue;}

 #box55{height: 195px;
        width: 620px;
       position: relative;
       left: 685px;
       top: -1640px;
       border-radius: 25px;
       font-size: 17px;
       font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

#box60{height: 300px;
      position: relative;
      left: 370px;
      top: -700px;
      font-size: 17px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

h3{color:black}

h4{position: relative;
      top: -990px;
      left: 420px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-size: 17px;}      

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 610px;
  height: 420px;
  position: relative;
  top: -1170px;
  left: 620px;
  margin: auto;
  border-radius: 25px;
  transform: translate(-50%, -50%);
  background-image: url("scrum.jpg");
  background-size: 100% 100%;
  box-shadow: 1px 2px 10px rgba(255, 183, 0, 0.686);
  animation:slider 20s infinite linear;}

  @keyframes slider{
      0% {background-image: url("scrum.jpg");}
      30%{background-image: url("comptia.jpg");}
      50%{background-image: url("ecom.jpg");}
      80%{background-image: url("html.jpg");}
      100%{background-image: url("csss.jpg");}
  }



