/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

div.content {
    height: 850px;
    padding: 20px;
    padding-top: 120px!important;
    position:relative;
    margin: 0px;
}

div.square {
    position: relative;
    margin: auto;
    margin-top: 70px;
    padding: 40px;
    width: 750px;
    height: 80%;
    background-color: white;

    border-radius: 12px;
    -webkit-box-shadow: 0px 8px 30px 0px rgb(167, 166, 166);
            box-shadow: 0px 8px 30px 0px rgb(167, 166, 166);
}

input[type]{
  width: 200px;
  margin: 5px 0px;
  color: black;
  background: whitesmoke;
  z-index:10;
}

input[type=password]{
    font-family: auto;
  }

input[type]:focus{
  color:black;
  background: whitesmoke;
  z-index:10;
}

@media screen and (max-width: 1024px) and (min-width:768px){
    .nav-link{
        font-size: .9rem;
    }

}

@media screen and (max-width: 800px){
    div.square{
        width: 99%;
        padding-right: 20px;
        padding-left: 20px;
        margin-top: 0px;
        height: 95%;
    }

    div.content{
        padding: 1.5%;
    }

    h2{
        font-size: 1.7rem;
    }

    
}