@font-face { font-family: 'PT Sans'; src: url("https://fonts.googleapis.com/css?family=PT+Sans:700&subset=latin,latin-ext"); } body{font-family:'PT Sans', sans-serif;} img{ width:100%; } h1{ text-align:center; font-size: 5vw; } h2{ font-size:4vw; } ul{ list-style-type:none; } footer{ width:100%; text-align:center; } .conta{ display:block; text-decoration:none; color: #47A7A6; text-align:center; font-size: 4vw; } p{ text-align:center; font-size:4vw; } input[type="submit"] { border: 0.5px solid #FE6363; -webkit-box-shadow: #A7A8A8 1px 1px 1px; -moz-box-shadow: #A7A8A8 1px 1px 1px; box-shadow: #A7A8A8 1px 1px 1px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 5vw; font-family: 'PT Sans',sans-serif; padding: 7px 7px 7px 7px; text-decoration: none; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); font-weight: bold; color: #FFFFFF; background-color: #FE6363; background-image: -webkit-gradient(linear, left top, left bottom, from(#FE6363), to(#D45353)); background-image: -webkit-linear-gradient(top, #FE6363, #D45353); background-image: -moz-linear-gradient(top, #FE6363, #D45353); background-image: -ms-linear-gradient(top, #FE6363, #D45353); background-image: -o-linear-gradient(top, #FE6363, #D45353); background-image: linear-gradient(to bottom, #FE6363, #D45353); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FE6363, endColorstr=#D45353); width: 95%; height:15%; text-align:center; margin-top: 20px; } input[type="submit"]:hover { border: 1px solid #FE6363; background-color: #FE6363; background-image: -webkit-gradient(linear, left top, left bottom, from(#FE6363), to(#FE6363)); background-image: -webkit-linear-gradient(top, #FE6363, #FE6363); background-image: -moz-linear-gradient(top, #FE6363, #FE6363); background-image: -ms-linear-gradient(top, #FE6363, #FE6363); background-image: -o-linear-gradient(top, #FE6363, #FE6363); background-image: linear-gradient(to bottom, #FE6363, #FE6363); filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FE6363, endColorstr=#FE6363); } input[type="text"]{ border-left:none; border-right:none; border-top:none; border-bottom: 1px solid black; width:104%; text-align:center; height:20%; font-size:7vw; margin-left:-5%; } #talk{ text-align:center; } .lolul{ text-align:center; width:100%; margin:auto; } li{ text-align:left; font-size: 4vw; } [hidden] { display: none; } .visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); } div.awesomplete { display: inline-block; position: relative; text-align:center; } div.awesomplete > input { display: block; } div.awesomplete > ul { position: absolute; left: 0; z-index: 1; min-width: 112%; box-sizing: border-box; list-style: none; padding: 0; border-radius: .3em; margin: .2em 0 0; background-color: white; border: 1px solid rgba(0, 0, 0, .3); box-shadow: .05em .2em .6em rgba(0, 0, 0, .2); text-shadow: none; margin-left:-4%; margin-top: 4%; display:block; } div.awesomplete > ul[hidden], div.awesomplete > ul:empty { display: none; } @supports (transform: scale(0)) { div.awesomplete > ul { transition: .3s cubic-bezier(.4, .2, .5, 1.4); transform-origin: 1.43em -.43em; } div.awesomplete > ul[hidden], div.awesomplete > ul:empty { opacity: 0; transform: scale(0); display: block; transition-timing-function: ease; } } /* Pointer */ div.awesomplete > ul:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } div.awesomplete > ul > li { position: relative; padding: .2em .5em; cursor: pointer; } div.awesomplete > ul > li:hover { background: hsl(200, 40%, 80%); color: black; } div.awesomplete > ul > li[aria-selected="true"] { background: hsl(205, 40%, 40%); color: white; } div.awesomplete mark { background: hsl(65, 100%, 50%); } div.awesomplete li:hover mark { background: hsl(68, 100%, 41%); } div.awesomplete li[aria-selected="true"] mark { background: hsl(86, 100%, 21%); color: inherit; } .result{ margin-top: 5%; font-size: 4vw; } .coolbox{ border: solid 2px #c9c9c9; width:90%; height:20%; display:table; font-family:'PT Sans', sans-serif; } .coolbox .boxtitle{ background: #c9c9c9; text-align:center; height:10%; display:table-cell; font-size:3vw; font-family:'PT Sans', sans-serif; vertical-align: middle; width:5%; padding:0; } .coolbox .boxtitle h1{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); font-size:4vw; } .coolbox .boxcontent{ background:#fcfcfc height:5%; display:table-row; font-size:3vw; font-family:'PT Sans', sans-serif; vertical-align: middle; display:flex; align-items:center; width:90%; } .coolbox p{ font-size:4vw; font-family:'PT Sans', sans-serif; } .boxcontainer{ display:inline-block; width:90%; margin: 0 auto; } .boxcontainercontainer{ text-align:center } .coolbox a{ text-decoration:none; color: #47A7A6; }
Travelled to 12 computer(s): aoiabmzegqzx, bhatertpkbcr, cbybwowwnfue, gwrvuhgaqvyk, ishqpsrjomds, lpdgvwnxivlt, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tslmcundralx, tvejysmllsmz, vouqrxazstgt
No comments. add comment