/* Page - NetApps */
.netappitem {
    margin-top: .8em;
    margin-bottom: .8em;
    font-size: .9em;
    min-height: 120px;
    width: 100%;
    border-style:solid;
    border-width: 2px;
    transition: all .25s ease-in-out;
    border-color: rgba(0, 86, 215, 0.6);
    border-width: .2em;
    border-radius: 1em;

    background-color: rgba(0, 102, 255, 0.107);
    display: inline-block;
    
    color: inherit;
    cursor: pointer;

    box-sizing: border-box;
    display: inline-block;
}
.netappitem:hover {
    background-color: rgba(0, 183, 255, 0.342);
    box-shadow: 0px 0px 20px rgb(44, 44, 44);
}
.netappitem:active {
    border-color: rgba(90, 90, 90, 0.753);
    color: white;
    background-color: rgba(77, 145, 172, 0.74);
    transform: scale(0.98);
}
.netappitem:focus-visible {
    border-color: rgba(238, 238, 238, 0.753);
    color: white;
    background-color: rgba(77, 145, 172, 0.74);
}
.netappitem img{
  height: 150px;
  float: left;
  margin: 20px;
  border-radius: .7em;

  width: 20em;
  object-fit: cover;
}
.netappitem h4 {
    font-size: 2em;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0;
    margin-top: .5em;
    font-weight: 800;
}
.netappitem h5 {
    font-size: 1em;
    font-weight: 600;
    margin-top: 5.1px;
    margin-left: 2em;
    margin-bottom: px;
    font-weight: 800;
}
.netappitem p {
    margin-left: 1em;
    margin-right: 1em;
    font-size: 1.2em;
}
@media screen and (max-width: 768px) {
    .netappitem img{
        height: auto;
        
        width: 90%;
        margin-left: 5%;            
        
        border-radius: .7em;
      }
}