:root{font-family:Quicksand,serif;font-weight:300;--color-border: #366;--color-link: #57c1e2;--color-link-lighter: #60d1f3;--color-link-darker: #4599b3;--color-alert: rgb(219, 66, 66);--width-page: 1400px}@media (max-width: 1400px){:root{--width-page: 100%}}@media (max-width: 700px){body{font-size:10px}}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}input{padding:.5em;font-size:1.2em;border-radius:15px;outline:none;border:1px solid var(--color-border)}h1,h2,h3,b{font-weight:100}h3{text-transform:uppercase;font-weight:400}body{margin:0;padding:0;overflow-x:hidden}dialog{top:2em;width:100%;max-width:min(700px,calc(100% - 5em))}dialog::backdrop{background-color:#366;background-image:radial-gradient(#cfdd 50%,#fd8d,#f87d)}.root{display:flex;align-items:center;justify-content:center}.top{top:0}.bottom{bottom:0}.left{left:0}.right{right:0}.bottomright{bottom:0;right:0}.absolute{position:absolute}.relative{position:relative}.page{background-position-x:center;background-repeat:no-repeat;background-size:100%;min-height:100vh}.content{width:var(--width-page);margin:0 auto}.flex{display:flex}.block{display:block}.row{display:flex;flex-direction:row}.col,.column{display:flex;flex-direction:column}.float-right{float:right}.float-left{float:left}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.w-1\/2{width:50%}.margin-auto{margin:auto}.wrap{flex-wrap:wrap}.align-center{align-items:center}.flex-child-grow>*{flex-basis:0;flex-grow:1}.flex-grow{flex-grow:1}.form{display:flex;flex-direction:column;gap:1em}.gap{gap:.5em}.p2{padding:1em}.pt-2{padding-top:1em}.border-no{border:0}.small{font-size:small}.formline{display:flex;align-items:center;justify-content:space-around}.formline label{padding-right:10px}.rooms{display:flex;gap:1em}.room{border:1px solid var(--color-border);padding:1em;border-radius:5px;background:#f993}.room .chatWidget .chat{max-height:150px;overflow-y:auto}.room .GameState{display:flex;justify-content:space-between}.room .GameState h3{margin:0}.room .chat .chatLine{display:flex;justify-content:space-between}.room .chat .chatLine:nth-of-type(2n){background-color:#f663;padding:0 2px}.room .chat .chatLine>div:nth-child(2){color:var(--color-alert)}.Items{gap:.5em}.Items .item{display:flex;border:1px solid #444;border-radius:8px;justify-content:space-between;align-items:center;overflow:hidden}.Items .item .itemImg{border-radius:5px;height:120px;width:100px;object-fit:cover;margin:-5px 0}.Items .item .name{font-size:2em;padding:0 1em;border-bottom:1px solid salmon}.Items .item .bidding{display:flex;justify-content:space-between}.Items .item .bidding a{padding:8px;background:#3c5c77;height:1.2em;margin:2px;border-radius:50%}.Items .item .bidding a:hover{background:#6499cb}.Items .item .price{font-size:5em;min-width:180px}.Items .item .price :after{content:"TL"}.header{padding:1em .5em;border-bottom:1px solid rgb(35 137 155);display:flex;justify-content:space-between;margin-bottom:1em;box-shadow:1px 8px 9px #999;border-radius:0 0 3px 3px}.header .logo a{font-size:2em;text-decoration:none;color:#57c1e2}.header .menu{display:flex;width:20em;justify-content:space-between}.openSubs{position:relative}.openSubs:hover .closedSubs{display:block}.openSubs .closedSubs{position:absolute;display:none}.Canteen{position:absolute;bottom:0;right:1em}.Canteen .toast{padding:1em;margin-bottom:1em;border:1px solid var(--color-border);font-size:1.2em}.loading{position:absolute;top:10em}@property --button-rotation-degree{syntax: "<angle>"; inherits: false; initial-value: 45deg;}.button{padding:.4em;background-image:linear-gradient(var(--button-rotation-degree),#999,#ddd,#999);color:#d33;border:1px solid #999;border-radius:.5em;margin-left:1em;cursor:grab;--button-rotation-degree: 150deg;transition:--button-rotation-degree 4s}.button:hover{text-decoration:none;--button-rotation-degree: -150deg}.WinningScreen{position:absolute;top:0;background-color:#444;background:linear-gradient(to right,#7a2d24,#93291e);border:1px solid var(--color-border);color:var(--color-alert);font-size:1.5em;left:0;right:0}.userLogin{border:1px solid var(--color-border);padding:2em 0;border-radius:1em;display:flex;justify-content:center;align-items:center;width:100%}.ContestCard .title{font-size:3em;z-index:1;position:absolute;width:100%;text-align:center;background-image:linear-gradient(180deg,#fff9,transparent)}.ContestCard .title:hover{text-decoration:none}.ContestCard .Info{position:absolute;bottom:0;display:flex;width:100%;justify-content:space-between;background-image:linear-gradient(3deg,white,transparent)}.ContestCard .Info .i1,.ContestCard .Info .i2,.ContestCard .Info .i3{padding:1em;display:flex;flex-grow:1;width:0;flex-direction:column;align-items:center;text-shadow:0 0 4px #aaa}.ContestCard .Info .i2{background-image:radial-gradient(#e65a5a,#e65a,transparent,transparent);color:#f9f9f9}.ContestCard .Info b{font-size:2.5em}.ContestPane,.ContestPage .SubmissionList{display:flex;flex-wrap:wrap;justify-content:space-evenly}.ContestPane .imagePlaceAbs{height:auto;width:100%;aspect-ratio:1}.ContestPane .imagePlaceAbs img{height:200%;width:200%;min-height:250px;position:absolute}.ContestInfo{flex-grow:1}.ContestInfo h1{background:#efe;text-align:center}.ContestInfo .description{max-width:640px;white-space:pre-wrap;margin:auto}.ContestCard,.ContestEnter,.Submission{display:flex;flex-direction:column;margin:2em 0;box-shadow:0 6px 6px 6px #6a6767;border-radius:1em;position:relative;overflow:hidden;max-width:640px;box-sizing:content-box;width:100%;border:1px solid #333}.ContestEnter .imagePlace{position:relative}.ContestEnter .imagePlace svg{position:absolute;top:1em;left:0}.Submission .title{font-size:3em;z-index:1;position:absolute;width:100%;text-align:center;text-shadow:0 0 2px black,0 0 10px white;background-image:linear-gradient(180deg,#fff9,transparent)}.imagePlace{height:640px}.imagePlace img{object-fit:cover;height:100%;width:100%}.Submission .Info{position:absolute;bottom:0;display:flex;width:100%;justify-content:space-between;align-items:flex-end;background-image:linear-gradient(3deg,white,transparent)}.Submission .Info .i1,.Submission .Info .i2,.Submission .Info .i3{padding:1em;flex-grow:1;width:0;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 white}.Submission .Info b{font-size:2.5em}.Submission dialog{top:0;width:100%;height:100vh;max-width:none;padding:0;border-width:0;margin:0;max-height:none;background:#333}.Submission dialog .imagePlace{width:100%;height:100vh;max-width:none;padding:0;border-width:0;margin:0;overflow:hidden;max-height:none;background-image:linear-gradient(#333,#999,#333)}.Submission dialog .imagePlace img{width:100%;height:100%;object-fit:contain}.profileLink{color:#03111c;font-size:1.5em}.commentOne{padding:1em;border:1px solid;margin:1em;display:flex;justify-content:space-between;background-color:#ddd}.banner{height:300px;border-radius:1em;box-shadow:0 2px 5px #333}.banner>div{display:none;animation:3s normal slidein}.banner>div.block{display:block}@keyframes slidein{0%{opacity:10%}to{opacity:100%}}
