Anita Mondol
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Atque iure earum, molestiae voluptatibus amet minus dolore.
Contact
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
background: #d5e1ef;
}
main {
width: 340px;
overflow: hidden;
background-color: #fdfcfc;
font-size: 16px;
line-height: 22px;
color: #000;
border-radius: 7px;
box-shadow: -4px -4px 20px rgba(0, 0, 0, 0.505);
margin: 50px auto;
}
.top-card {
width: 100%;
/* height: 200px; */
}
.top-card img {
width: 100%;
}
.top-card .menu-icon {
position: relative;
bottom: 13.7em;
font-size: 17px;
cursor: pointer;
}
.top-card .menu-icon .item1 {
margin-left: 10px;
margin-top: 15px;
color: red;
}
.top-card .menu-icon .item2 {
float: right;
margin-right: 20px;
margin-top: -10px;
color: blue;
}
h1 {
font-size: 22px;
color: #000;
font-weight: 600;
margin: 12px 0;
text-align: center;
}
.middle-card, footer {
margin: 5px 25px;
}
.middle-card {
text-align: justify;
}
footer {
text-align: center;
}
footer .social-icon {
/* padding: 7%; */
font-size: 20px;
margin: 0 5%;
color: rgba(0, 0, 0, .9);
}
.facebook:hover {color:#3b5999;}
.twitter:hover {color: #55acee;}
.google:hover {color: #dd4b39;}
.github:hover {color: #302f2f;}
.linkedin:hover {color: #0077B5;}
footer .links {
border-top: 2px solid rgba(0, 0, 0, .1);
text-align: center;
margin-top: 10px;
padding: 8px 0;
}
button{
width: 110px;
height: 37px;
margin-top: 10px;
border-radius: 2px;
background: #1990cc;
font-size: 15px;
border: none;
color: white;
}
button:last-child{
margin-left: 40px;
border: 2px solid #1990cc;
background: white;
color: black;
}