.col {
    margin: 15px;
    height: 600px;
}
.tech {
    height:70px;
}
.card-text {
    height:50px;
}
body {
height: 100%;
background-image: url(https://wallpapercave.com/wp/wp2406527.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media  (min-width:640px) {
    .navbar-brand {
       width: 70%;
        }
    }       
@media  (max-width:640px) {
   .navbar-nav {
       flex-direction: row;
    } 
    .navbar {
        flex-direction: column;
    }
    .nav-item{
        padding-left: 10px;
        padding-right: 10px;
    }
    .container-sm {
        margin-left: 0px;
        padding-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }
}
.card-img-top {
    height: 325px;
}
.LI-profile-badge {
    width: 50%;
}
button {
    width: 25%;
}

 .slide-in-elliptic-bottom-bck{-webkit-animation:slide-in-elliptic-bottom-bck 1.5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-bottom-bck 1.5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-elliptic-bottom-bck{0%{-webkit-transform:translateY(600px) rotateX(-30deg) scale(6.5);transform:translateY(600px) rotateX(-30deg) scale(6.5);-webkit-transform-origin:50% -100%;transform-origin:50% -100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 500px;transform-origin:50% 500px;opacity:1}}@keyframes slide-in-elliptic-bottom-bck{0%{-webkit-transform:translateY(600px) rotateX(-30deg) scale(6.5);transform:translateY(600px) rotateX(-30deg) scale(6.5);-webkit-transform-origin:50% -100%;transform-origin:50% -100%;opacity:0}100%{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 500px;transform-origin:50% 500px;opacity:1}}

.slide-in-top{-webkit-animation:slide-in-top 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top 2s cubic-bezier(.25,.46,.45,.94) both}
 @-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

 .slide-in-bottom{-webkit-animation:slide-in-bottom 2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom 2s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}
 @-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}