@media screen and (max-width: 920px){

img{
  max-width: 100%;
  height: auto;
  width: auto;
}

body {
  color: white;
  background-size: 100%;
  background: #0f3854;
  background: radial-gradient(ellipse at center, #0a2e38 0%, #000000 70%);
  min-height: 90vh;
}


p {
  text-indent: 0em;
  /* 1em; */
  margin: 0;
  padding: 0;
  color: #ffffff;
}

script {
  text-align: center;
}

header {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 60vh;
	margin-left: auto;
	margin-right: auto;
}

header ul {
 padding-left: 0;
}

header figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

header figure img {
	width: 100%;
	height: 80%;
	object-fit: cover;
	margin-left: auto;
	margin-right: auto;
}

footer {
  background: #87cefa;
  height: auto;
  border-top: solid 3px #ffffff;
  padding-bottom: 10px;
}

footer ul {
 text-align: center;
 padding-left: 0;
}

footer ul li {
 padding-left: 10px;
 padding-right: 10px;
 display: inline;
}

footer p {
 text-align: center;
 font-weight: 700;
}

h1 {
  background-color: #A4C6FF;
  background: radial-gradient(ellipse at center, skyblue 0%, #0a2e38 70%);
  text-align: center;
  position: relateve;
}

h1 a {
  text-decoration: none;
  color: white;
  font-size: 20px;
  text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
}

h2 {
  height: 300px;
  width: 100%;
  padding-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

h3 {
  height: 300px;
  width: 100%;
  margin: auto;
}

h4 {
  width: 100%;
  padding-bottom: 50px;
  margin: 15% auto 5%;
}
 
.slider_fade {
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.slider_fade div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

    .slider_fade div:nth-of-type(1) {
        animation: slider_fade 20s 0s infinite both;
        z-index: 4;
    }

    .slider_fade div:nth-of-type(2) {
        animation: slider_fade 20s 5s infinite both;
        z-index: 3;
    }

    .slider_fade div:nth-of-type(3) {
        animation: slider_fade 20s 10s infinite both;
        z-index: 2;
    }

    .slider_fade div:nth-of-type(4) {
        animation: slider_fade 20s 15s infinite both;
        z-index: 1;
    }

@keyframes slider_fade {
	0% { left: 0; opacity: 0; }
	5% { left: 0; opacity: 1; }
	20% { left: 0; opacity: 1; }
	25% { left: 0; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}

.focus {
 color: red;
 font-weight: bolder;
 text-decoration: underline;
}

.txtbox {
 margin: 10px;
 padding: 20px;
 border-top: solid 3px #00bfff;
 border-bottom: solid 3px #00bfff;
 background-color: black;
 position: relative;
}

.txtbox:after {
 position: absolute;
 content: " ";
 display: block;
 border-top: solid 3px white;
 top: -3px;
 border-bottom: solid 3px white;
 bottom: -3px;
 width: 60%;
}

tr,td {
 display: block;
 border: 2.5px #ff00ff solid;
}

td{
 padding-right: 50px;
 padding-left: 50px;
}

.img {
  text-align: center;
  font-size: 20px;
}

.under{
 background: linear-gradient(transparent 60%, #ff00ff 40%);
}

img.place{
  margin-top: 20px;
  width: 240px;
  height: 240px;
}

img.logo{
 width: 20%;
 height: 20%;
}

img.logos{
 width: 15%;
 height: 15%;
}

.box {
  padding-left: 30px;
}

button {
  background-color: #BAD3FF;
}

.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.0;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-flat {
  overflow: hidden;

  padding: 1.5rem 6rem;

  color: #fff;
  border-radius: 0;
  background: #000;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 150%;
  height: 500%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  background: #00b7ee;
}

a.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}

.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}


@font-face {
  font-family: 'Share Tech Mono';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
}

#clock {
  font-family: 'Share Tech Mono', monospace;
  color: #000000;
  text-align: center;
  color: #daf6ff;
  text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);
  padding-top: 20px;
}
#clock .time {
  letter-spacing: 0.05em;
  font-size: 60px;
  padding: 5px 0;
}
#clock .date {
  letter-spacing: 0.1em;
  font-size: 20px;
}
#clock .text {
  letter-spacing: 0.1em;
  font-size: 8px;
  padding: 10px 30px 0;
}
}

/*# sourceMappingURL=IoT.css.map */