portfolio/static/style.css

@import url('bamboo.css');
* {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}
header,footer {
 color:white;
 text-align: center;
 background: #4568DC;
 /* fallback for old browsers */
 background: -webkit-linear-gradient(to left, #B06AB3, #4568DC);
 /* Chrome 10-25, Safari 5.1-6 */
 background: linear-gradient(to left, #B06AB3, #4568DC);
 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
footer {
    font-size: x-small;
}
header a, footer a{
 color: white;
 text-decoration: underline;
}
h3 > a{
 color: white !important;
}

/* hidding arrow in summary elements */
details > summary {
    list-style: none !important;
    transition: margin 150ms ease-out;
  }
details summary::-webkit-details-marker {
    display:none !important;
  }
/* hidding arrow in summary elements */
/* animations */
details[open] summary ~ * {
    animation: sweep 1s ease-in-out;
  }
  
  @keyframes sweep {
    0%    {opacity: 0; transform: translateX(-10px)}
    100%  {opacity: 1; transform: translateX(0)}
  }
/* animations */
summary {
    /* this will stroke text in black */
    color: white !important;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000 !important;
    margin: 0% !important;
    padding: 1%;
}
summary + p {
    /* margin: 1%; */
    text-align: justify;
}
summary + a {
    margin: 1%;
    text-align: justify;
}
details > p {
    padding: 0.5%;
}
details > a {
    padding: 0.5%;
}
embed {
    background-color: white;
}
/* contact card */
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
}

/* blog section */
#blog1 {
    background-image: url("https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpaperaccess.com%2Ffull%2F2033952.jpg&f=1&nofb=1&ipt=7d851c502d1700b0db587b20267d502b4e68078fa72d318e76ef069c4e3f4da9&ipo=images");
    background-size: cover;
}

#blog2 {
    background-image: url("https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse2.mm.bing.net%2Fth%3Fid%3DOIP.tyUV66TZq4h0Jpfh-6f3LwHaE7%26pid%3DApi&f=1&ipt=3c21dfcefc3ae6d6990ff1767edcf4007414c68a89e781272529a2d735fce5c3&ipo=images");
    background-size: cover;
}

#blog3 {
    background-image: url("https://technofaq.org/wp-content/uploads/2019/10/learn-3653430_1920-600x339.jpg");
    background-size: cover;
}