*{
  margin:0px;
  padding:0px;
text-decoration: none;
}
body{
  background-color: #0a192f;
  font-family: 'Raleway', sans-serif;
}
header{
  margin:12px;
height:50px;
background-color: #0a192f
}
a{

  color:#64ffda;
  font-size: 25px;
  font-weight: bolder;
  display:inline-block;
  margin-left:52px;
padding:12px;
font-family: 'Gideon Roman',cursive,"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;

}
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@900&display=swap');


span{
position: absolute;
top: 18%;
left: 50%;
transform: translate(-50%, -50%);
font-size:100px;
letter-spacing:0.1em;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #64ffda;
text-shadow: 
          8px 8px ,
          20px 20px #000000;
}
.box{
  margin-top: 25px;
  display:flex;
  position: relative;
 
}
.box1{
  background: rgba(59,130,246,0.5);
  height:33vh;
  margin:220px;
  border:2px solid whitesmoke;
  border-radius:10px;
  display: block;
  text-align: center;
}
.box1 .dot1 {
  margin-left: 8px;
  margin-top: 15px;
  height: 25px;
  width: 25px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.box1 .dot2 {
  margin-left: 8px;
  height: 25px;
  width: 25px;
  background-color: yellow;
  border-radius: 50%;
  display: inline-block;
}

.box1 .dot3 {
  margin-left: 8px;
  height: 25px;
  width: 25px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}
.date{
  margin-top: 15px;
margin-right:12px;
  float:right;
}
.hl {
  margin-top: 8px;
  border-top: 2px solid silver;
}
.items{
  margin-top: 12px;
}
.company{
  margin-left: 12px;
  font-weight: bolder;
color:white;
font-size: 44px;
font-family: 'Gideon Roman', cursive;
font-family: 'Stick No Bills', sans-serif;
}
.role{
  margin-left: 12px;
  margin-top: 11px;
  color:gainsboro;
  font-size: 24px;
}
.work1{
  margin-top: 10px;
  margin-left: 12px;
  color:gainsboro;
  font-size: 19px;
}
.work2{
  margin-left: 12px;
  margin-top:10px;
  color:gainsboro;
  font-size: 19px;
}
.link-text a{
  color:gainsboro;
  margin-right:80px;
}
.box2{
  /* display:block; */
  text-align: center;
  background: rgba(59,130,246,0.5);
  height:34vh;
 margin:220px;
  border:2px solid whitesmoke;
  border-radius:10px;
  
}
.box2 .dot1 {
  margin-left: 8px;
  margin-top: 15px;
  height: 25px;
  width: 25px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.box2 .dot2 {
  margin-left: 8px;
  height: 25px;
  width: 25px;
  background-color: yellow;
  border-radius: 50%;
  display: inline-block;
}

.box2 .dot3 {
  margin-left: 8px;
  height: 25px;
  width: 25px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
}
.box2  .company{
  margin-left: 12px;
  font-weight: bolder;
color:white;
font-size: 39px;
font-family: 'Gideon Roman', cursive;
font-family: 'Stick No Bills', sans-serif;
}
.box2 .link-text a{
  margin-top: 10px;
}

@keyframes shake {
  10%{transform:rotate(15deg);}
  20%{transform:rotate(-15deg);}
  30%{transform:rotate(15deg);}
  40%{transform:rotate(-15deg);}}
  .svg1 a:hover{
      animation:shake .25s;
  }