@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap');
body{
font-family: 'Raleway', sans-serif;
}
.about{
margin-top: 6%;
margin-bottom: 3%;
}
@media only screen and (max-width:980px) {
.about {
margin-top: 8%;
}
}
@media only screen and (max-width:780px) {
.about {
margin-top: 10%;
}
}
@media only screen and (max-width:580px){
.about {
margin-top: 25%;
}
}
.profile-pic{
width: 190px;
height: auto;
}
.text{
font-size:18px;
line-height: 35px;
}
.hand-img{
width: 24px;
height: auto;
padding-bottom: 10px;
}
p{
letter-spacing: 0.5px;
}
.btn-portfolio{
border-radius: 3px;
background-color: #101010;
color: #ffff;
letter-spacing: 0.5px;
width: 160px;
text-align: center;
line-height: inherit;
}
.btn-portfolio:hover {
border: 0.5px solid #101010;
background-color: transparent;
color: #101010;
}
.btn-portfolio:focus{
box-shadow: none!important;
}
.number{
font-size: 16px;
}
.vercel-link:hover{
color:#101010;
}
.vercel-link{
position: relative;
color: #101010;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
.vercel-link::after{
content:"";
position:absolute;
left:0;
bottom:-2px;
width:100%;
height:2px;
background-color: #101010;
transform: scaleX(0);
transform-origin:left;
transition: transform 0.1s ease-in-out;
}
.vercel-link:hover::after{
transform: scaleX(1);
}
.img-card{
width:40%;
height:auto;
}
.case-study {
margin-top: 4%;
margin-bottom: 4%;
}
@media only screen and (max-width:780px) {
.case-study {
margin-bottom: 10%;
}
}
@media only screen and (max-width:580px) {
.case-study {
margin-bottom: 15%;
}
}
.card{
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.stripe-1 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #073895;
}
.stripe-2{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #C5BAA8;
}
.btn-back{
border-radius: 50%;
background-color: #101010;
color: #ffff;
width: 40px;
height: 40px;
text-align: center;
}
.btn-back:hover {
border: 0.5px solid #101010;
background-color: transparent;
color: #101010;
}
.btn-back:focus {
box-shadow: none!important;
}
.first{
margin-bottom: 80px;
}
@media only screen and (max-width:991px) {
.first {
margin-bottom: 25px;
}
}
.stripe-3 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #E6F4F1;
}
.place{
height: 53px;
width: auto;
}
@media only screen and (max-width:580px) {
.place {
width: auto;
height: 38px;
}
}
.stripe-4 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #e5e6e5;
}
.fest{
height:53px;   
width: auto;
}
@media only screen and (max-width:580px) {
.fest {
width: auto;
height: 38px;
}
}