.jumbotron{
    padding: 20px;
    background-repeat: no-repeat;
    height: 150px;
    background-position:center;
}
#headertext{
    font-size: 5em;
    text-shadow:-2px 3px 4px #FFFFFF,
    3px 4px 8px #000000,
    -5px -8px 30px #FFFFFF;
}

h1{
    font-size: 3em;
    text-align: center;
    color:rgb(61, 60, 38);
}
h3{
    text-align: center;
    padding:30px;
}
.nav-item{
    font-size: 1.5em;
}

#resume {
    color:rgb(247, 155, 155);
}

.container-fluid{
    border: 1px;
    padding: 25px;
}
.icon-img{
    height: 150px;
    padding-top:20px;
    width: 150px;
    opacity: 1;
}
.col-sm-4 .col-sm-3{
    height: 200px;
    min-width: 200px;
    padding:5px;
    justify-items: center;
}
#learning:hover img{
    transform: scale(1.25, 1.25);
    transition-duration: 2s;
}
#unmastered img{
    filter: grayscale(100%);
    transform: scale(.75, .75);
    opacity: 0.5;
}
#unmastered:hover img{
    filter: grayscale(100%);
    transform: scale(.75, .75);
    opacity: 0.25;
}
.card-img-top{
    height: 300px;
    width: 300px;
    object-fit: contain;
}
.btn btn-primary{
    text-align: center;
}
.portfoliowrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    justify-items: center;
}
@media screen and (max-width:600px) {
    .portfoliowrapper{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    justify-items: center;
    }
}
legend {
    display: block;
    width: auto;
    padding: 0 5px;
    margin-bottom: 0;
    font-size: inherit;
    line-height: inherit;
    border: auto;
    border-bottom: none;
}

fieldset {
    border: 2px groove;
    padding: 5px;
}
td{
    width: 40%;
    font-size: 1em;
}
#skills, #portfolio, #contact{
    margin: 10px;
    padding: 10px;
}
#footerdiv{
    background-color:dimgrey;
}
#footertext{
    text-align: right;
    color: antiquewhite;
}