p{
    font-family:cursive; 
    color: rgb(114, 114, 114);
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 5); 
}
#portifolio {
    font-family:cursive; 
    color: darkgray;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 5); 

}
#titulo {
    font-family:cursive; 
    color: darkgray;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 5); 
    background: url(dragaoborrado.jpg);
    background-position: center;
    background-repeat: repeat;

}
.botao {
    float: relative;
    background-color: transparent; 
    border-style: none;
}
body {
    background-image: linear-gradient(#181818, #3a3a3a);
    background-repeat: repeat;
}
.legenda {
    overflow: auto;
}
div {
    border: 3px solid transparent;
    padding: 5px;
}
.img {
    float: right;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 5);
}
.mod {
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 5);
}
.dropbtn{
    background-color:transparent;
    color: darkgray;
    padding: 14px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-style: none; 
    border-radius: 50%;
    padding: 2px 2px;
    transition-duration: 0.4s;
    box-shadow: 0 12px 12px 0 rgba(0,0,0,0.24),0 50px 50px 0 rgba(0,0,0,0.19);
}
.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: transparent;
    min-width: 140px;
    z-index: 1;
}
.dropdown-content:active {
      box-shadow: 0 5px #666;
      transform: translateY(4px);
}
                                                               
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: 50%;
    padding: 6px 6px;
    transition-duration: 0.6s;
    box-shadow: 0 12px 12px 0 rgba(0,0,0,0.24),0 50px 50px 0 rgba(0,0,0,0.19);
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}