.swcont {
	  padding: 10px;
	  border-radius: 10px;
    justify-content: center;
    min-height: 300px;
    font-family: "Roboto";
    color: #f5c91c;
    /*background-image: url(../img/stars.jpg);*/
    
}

.hcontent {
background-color:rgba(0, 0, 0, 0.5);
}

.swintro {
    color: rgb(75, 213, 238);
    font-weight: 400;
    font-size: 200%;
  text-align:center;
  background-color:rgba(0, 0, 0, 0.5);
  max-width:550px;
  margin-left:auto;
  margin-right:auto;
}

.tbox {
	background-color:#E5E7E9;
	color:#000000;
	padding:10px; 
	border: 2px solid #2980B9; 
	border-radius: 10px;
}

.tbox a:link, .tbox a:visited {
  color: #2980B9;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid #2980B9;
}

.q {
	font-weight: bold;
	font-size: 1.25em;
}

.a {
	margin: 20px 20px;
}

        .custom-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        .custom-buttons a.link-button {
            text-decoration: none !important;
            display: inline-block !important;
            padding: 12px 24px !important;
            border-radius: 5px !important;
            background: linear-gradient(180deg, #f0f0f0, #dcdcdc) !important;
            color: #222 !important;
            font-size: 18px !important;
            font-weight: bold !important;
            text-align: center !important;
            transition: all 0.3s ease !important;
            border: 2px solid #aaa !important;
            /*box-shadow: 4px 4px 6px #bbb, -4px -4px 6px #fff !important;*/
        }
        .custom-buttons a.link-button:hover {
            background: linear-gradient(180deg, #e6e6e6, #cfcfcf) !important;
            box-shadow: inset 4px 4px 6px #bbb, inset -4px -4px 6px #fff !important;
            border-color: #888 !important;
        }