body {
    font-size: 16px;
    font-family: 'v';
    font-weight:normal;
    font-style:normal;
    background-color: rgb(213, 219, 219);
    max-width: 800px;
    text-align:justify;
    margin-left:auto;
    margin-right:auto;
}

.blocks {
    width: 800px;
    max-height: 1500px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}

#msc {
    border-radius: 15px;
    background:rgb(241, 107, 18);
    padding: 0px;
    margin-bottom: 10px; 
    width: 150px;
    height: 125px;
    float:left;
}

span {font-size: 40px;}

@keyframes example {
    0%   {color: red;}
    25%  {color: yellow;}
    50%  {color: blue;}
    100% {color: green;}
}

#me {
    text-align:center;
    position:relative; 
    bottom:20px; 
    left:4px;
    color: red;
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

#top {
    background-image: url('https://scontent-ams3-1.xx.fbcdn.net/v/t31.0-8/10480576_657388557684820_1176137867557026174_o.jpg?_nc_cat=0&oh=4198032f7a5d7c2a35d6483c7ebc052b&oe=5BC159DB');
    width: 640px;
    height: 125px;
    border-radius: 15px;
    padding: 0px;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
    float:right;
}

.resume-text {
    border-radius: 15px;
    background:rgb(241, 107, 18);
    max-width: 400px;
    max-height: 400px;
    position: relative;
}

p {padding: 10px;}

#profile-picture {
    width: 380px;
    border-radius: 15px;
    margin: 15px 0px 0px 0px;
    float:right;
}

iframe {
    float: left;
    width: 400px;
    height: 225px;
    imargin: 10px 10px 10px 0px;
    border-radius: 15px;
}

.list {
    border-radius: 15px;
    background-color:rgb(241, 107, 18);
    width: 380px;
    height: 225px;
}

.contact,h2,ul,h3 {padding: 1px 10px 1px 25px;}

.socialmedia {
    width: 50px;
    height: 50px;
}

a .socialmedia:hover {opacity: 0.6;}
  
a .socialmedia:focus {opacity: 0.6;}

a .socialmedia:active {opacity: 0.5;}