*{
    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:30vh;
    margin:220px;
    border:2px solid whitesmoke;
    border-radius:10px;
    display: block;
}
.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;
    color:gainsboro;
    font-size: 19px;
  }
  .link-text a{
    color:gainsboro;
  }
  .box2{
    /* display:block; */
    
    background: rgba(59,130,246,0.5);
    height:33vh;
    width:30vw;
   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: 40px;
  }
  
  @keyframes shake {
    10%{transform:rotate(15deg);}
    20%{transform:rotate(-15deg);}
    30%{transform:rotate(15deg);}
    40%{transform:rotate(-15deg);}}
    .svg1 a:hover{
        animation:shake .25s;
    }