body {
 padding:3vw;
 padding-top:2vw;
 background:RGB(90,100,100);
    }
    
#profile-card {
 width:93vw;
 border-radius:5px;
 display:flex;
 flex-direction:column;
 }
 
 #top {
 width:calc(93vw-5px);
 height:23vh;
 background:white;
 border-radius:15px;
 margin:5px;
 }
 
 #left {
 height:23vh;
 width:74vw;
 background:gray;
 border-radius:15px 0px 0px 15px;
 }
 
img{
width:30vw;
height:30vw;
object-fit:cover;
border-radius:50%;
position:absolute;
top:5vh;
left:63vw;
display:block;
}

p {
position:relative;
font-size:2.5em;
margin:20px;
left:2vw;
}

h1 {
display:inline;
font-family:cursive;
font-size:5rem;
width:30vw;
margin:2vh;
}

#skill,#itSupport,#projects,#contact {
position:relative;
background:gray;
margin:5px;
border-radius:15px;
padding-top:10px;
padding-bottom:10px;
}

.botton {
font-size:2.5rem;
margin-left:4vw;
cursor:pointer;
}

h2{
padding-left:4vw;
font-family:cursive;
font-size:3rem;
}

li{
margin-left:6vw;
list-style:square;
list-style-position:inside;
}
#Loading1 {
width:48vw;
height:20vh;
display:flex;
align-items:center;
justify-content:center;
border-right:2px solid white;
}
#c1 {
height:15vh;
width:15vh;
border:2px solid red;
border-radius:50%;
}
#Loading2 {
border:1px solid white;
}
a{
text-decoration:none;
color:black;
font-size:2rem;
}