html{
    font-family: "Roboto", sans-serif;
}


.title{
    margin: 25px auto 0 auto;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    border: 2px solid rgb(255, 255, 255);
    padding: 25px;
    width: fit-content;
}

body {
    background: #252525;
}

.patch-container{
    /*border: 1px solid #000;*/
    margin: 0 auto;
    padding: 50px;
    max-width: 1200px;
}

.patch-title{
    /*background: #ffffff;*/
    /*background: linear-gradient(91deg,rgba(255, 255, 255, 1) 0%, rgba(240, 240, 245, 1) 51%, rgba(255, 255, 255, 0) 100%);*/
    width: fit-content;
    height: 150px;
    vertical-align: middle;
    line-height: 150px;
    padding: 0 25px;
    text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    2px 2px 0 #000,
    -2px 2px 0 #000,
    2px -2px 0 #000,
    -2px -2px 0 #000,
    0px 2px 0 #000,
    0px -2px 0 #000,
    -2px 0px 0 #000,
    2px 0px 0 #000,
    1px 2px 0 #000,
    -1px 2px 0 #000,
    1px -2px 0 #000,
    -1px -2px 0 #000,
    2px 1px 0 #000,
    -2px 1px 0 #000,
    2px -1px 0 #000,
    -2px -1px 0 #000;
}

.patch-section{
    border: 5px solid #fff;
    border-radius: 5px;
    font-size: 4em;
    padding: 0 0;
    margin: 25px 0;
    color: #fff;
    position: relative;
    transition: all 0.5s;
}

.patch-section:hover{
    border: 5px solid #00d9ff;
    transition: all 0.5s;
    color: #00d9ff;
}


#desu{
    background: url(img/desu.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 30%;
    background-size: 100%;
}

#moz{
    background: url(img/moz.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 55%;
    background-size: 100%;
}

#sf2{
    background: url(img/sf2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 25%;
    background-size: 100%;
}

.patch-link { 
  position: absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
}   