.magnify {
width: 100%;
margin: 50px auto;
position: relative;
}
/*Lets create the magnifying glass*/
.large {
width: 150px;
height: 150px;
position: absolute;
border-radius: 100%;
/*Multiple box shadows to achieve the glass effect*/
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),  0 0 7px 7px rgba(0, 0, 0, 0.25),  inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
/*Lets load up the large image first*/
background: url(../images/google.jpg) no-repeat;
/*hide the glass by default*/
display: none;
}
/*To solve overlap bug at the edges during magnification */
.small {
display: block;
}
#col1, #col2, #col3, #col4 {
float: left;
width: 25%;
}
/*type*/

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}