iwa-panda2

user.css (4132B)

---

 body {
     background-color: #BCCFB0;
     color: #333333;
     font-family: Roboto, sans-serif;
     margin: 0;
     padding: 0;
 }
 
 a {
     color: white;
     font-family: Roboto, sans-serif;
 }
 
 /*NAVBAR*/
 nav {
     background-color: #333333;
     width: 100%;
     height: 15vw;
     display: flex;
     align-items: center;
 }
 
 nav ul {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 15vw;
     display: flex;
     list-style-type: none;
     align-items: center;
 }
 
 nav li {
     font-weight: bold;
     font-size: 4vw;
     margin-right: 3vw;
 }
 
 nav ul li a {
     color: #fff;
     text-decoration: none;
     padding: 0;
 }
 
 nav ul li a.active {
     pointer-events: none;
     color: gray;
 }
 
 nav ul li:first-child {
     margin-right: auto;
 }
 
 .img-big-logo {
     display: none;
 }
 
 .img-small-logo,
 .img-big-logo {
     height: 15vw;
     width: auto;
     vertical-align: middle;
 }
 table {
     border-collapse: collapse;
     box-shadow: 0 0 10px #333333;
     color: white;
 }
 
 th, td {
     background-color: #333333;
     padding: 8px;
     text-align: left;
     border-bottom: 1px solid #ddd;
 }
 
 th {
     background-color: gray;
     font-weight: bold;
 }
 
 tr:hover {
     background-color: #444444;
 }
 
 .block1 {
     display: flex;
     width: 90vw;
     height: auto;
     margin: 5vw auto 5vw;
     justify-content: space-between;
     background-color: #BCCFB0;
     color: white;
     border-radius: 4px;
 }
 
 .container {
     box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
     margin: 20px auto;
     max-width: 90vw;
     text-align: center;
 }
 
 input[type="checkbox"] {
     width: auto;
     margin: 1vw 1vw;
 }
 .content {
     font-size: 1.2vw;
     height: auto;
     width: auto;
     align-items: center;
     justify-content: center;
 }
 
 .form-group{
     max-width: 90%;
 }
 
 .col-md-6{
     width: 90vw;
 }
 
 .title {
     margin-bottom: 30px;
 }
 
 .title h1 {
     font-size: 8vw;
     margin: 20px;
 }
 
 .title h4 {
     font-size: 4vw;
     margin: 10px;
 }
 
 .card {
     border: none;
     border-radius: 4px;
     margin-bottom: 20px;
 }
 
 .card-header {
     background-color: #333333;
     color: white;
     font-weight: bold;
     font-size: 4vw;
     padding: 10px;
 }
 
 .card-body {
     padding: 20px;
 }
 
 .form-group {
     margin-bottom: 20px;
 }
 
 label {
     font-weight: bold;
     font-size: 4vw;
 }
 
 input{
     width: 85%;
     padding: 10px;
     font-size: 4vw;
     border-radius: 4px;
     border: 1px solid #ccc;
 }
 
 input[type="submit"] {
     font-size: 4vw;
     padding: 10px 20px;
     background-color: #333333;
     color: white;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     margin: 1vw 1vw;
 }
 
 input[type="submit"]:hover {
     background-color: #222222;
 }
 
 .row.justify-content-center {
     text-align: center;
 }
 
 .row.justify-content-center > div {
     display: inline-block;
 }
 
 .row.justify-content-center > div:not(:first-child) {
     margin-left: 10px;
 }
 
 @media (min-width: 400px) {
     /*NAVBAR*/
     nav {
         height: 60px;
     }
 
     nav ul {
         height: 60px;
     }
 
     nav li {
         font-size: 16px;
         margin-right: 12px;
     }
     .img-small-logo,
     .img-big-logo {
         height: 60px;
     }
     .title h1 {
         font-size: 32px;
         margin: 20px;
     }
 
     .title h4 {
         font-size: 16px;
         margin: 10px;
     }
 
     .card-header {
         font-size: 16px;
         padding: 10px;
     }
 
     input {
         font-size: 16px;
     }
 
     input[type="submit"] {
         font-size: 16px;
         padding: 10px 20px;
     }
 }
 
 @media (min-width: 700px) {
     .img-big-logo {
         display: block;
     }
 
     .img-small-logo {
         display: none;
     }
 
     nav ul li:first-child {
         margin-right: 0;
     }
 
     nav ul li:nth-child(2) {
         margin-right: auto;
     }
     .container {
         max-width: 90vw;
     }
 
     .title h1 {
         font-size: 50px;
     }
 
     .title h4 {
         font-size: 20px;
     }
 
     .card-header {
         font-size: 20px;
     }
 
     input {
         font-size: 20px;
     }
 
     input[type="submit"] {
         font-size: 20px;
         padding: 10px 20px;
     }
     label{
         font-size: 1.5vw;
     }
     .col-md-6{
         width: 40vw;
     }
 }