:root{--lightColor: #9ac;--darkColor: #68b}*{box-sizing:border-box}body{margin:0;padding:0;font:300 16px Quicksand,sans-serif;background:#fff;color:var(--darkColor);min-height:100vh}a{color:inherit;text-decoration:none;font-weight:bold}a:hover{text-decoration:underline;color:var(--lightColor)}input[type=text],input[type=email],input[type=password],input[type=submit],select,textarea,button,a.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;font:inherit;color:inherit;margin:.2em;padding:.5em;border:1px solid var(--lightColor);border-radius:8px;text-decoration:none;outline:none;transition:all .7s;transform-origin:bottom}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=submit]:hover,select:hover,textarea:hover,button:hover,a.button:hover{transform:translatey(-2px);box-shadow:0 6px 8px rgba(0,0,0,.2666666667)}input[type=text]:active,input[type=email]:active,input[type=password]:active,input[type=submit]:active,select:active,textarea:active,button:active,a.button:active{transform:translatey(0);box-shadow:none}button,a.button,input[type=submit]{background:var(--darkColor);color:#fff;border:0;cursor:pointer;font-size:.9em;font-weight:500}button:hover,a.button:hover,input[type=submit]:hover{background-color:var(--lightColor)}button i,a.button i,input[type=submit] i{font-size:.9em;vertical-align:middle}button[disabled]{opacity:.6}textarea{width:100%;resize:none;border-color:color-mix(in srgb, var(--lightColor), transparent);margin:1em .2em}h3{font-size:1rem;margin:.5em 0}hr{border:0;border-bottom:1px solid var(--lightColor)}header{display:inline-grid;grid:auto/auto auto;width:100%;font-size:1.5em}header a{display:inline-block;font-weight:700;text-decoration:none;padding:.5em .5em 0 .5em;transition:all .5s}header a:hover{transform:translatey(-2px);text-shadow:0 6px 6px rgba(0,0,0,.2666666667);text-decoration:none}header a:active{transform:translatey(0);text-shadow:none}nav ul{list-style-type:none;margin:0;padding:0;text-align:right}nav li{display:inline-block;vertical-align:middle}#messagesicon{position:relative}#total-unread{position:absolute;bottom:0;left:55%;height:.5em;width:.5em;border-radius:50%;background:rgba(153,34,34,.8666666667)}.postborder{width:98%;max-width:777px;margin:20vh auto 0;padding:2px;background:var(--lightColor);border-radius:8px;-webkit-clip-path:polygon(50% 0, 50% 0, 50% 0, 50% 50%, 50% 50%);clip-path:polygon(50% 0, 50% 0, 50% 0, 50% 50%, 50% 50%);opacity:1;animation:postborder 3s .5s 1 forwards}@keyframes postborder{0%{-webkit-clip-path:polygon(50% 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 50%);clip-path:polygon(50% 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 0, 50% 50%)}15%{-webkit-clip-path:polygon(50% 0, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0, 50% 50%);clip-path:polygon(50% 0, 100% 0, 100% 0, 100% 0, 100% 0, 100% 0, 50% 50%)}30%{-webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 50%);clip-path:polygon(50% 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 50%)}50%{-webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 100%, 0 100%, 50% 50%);clip-path:polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 100%, 0 100%, 50% 50%)}75%{-webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 0 0, 50% 50%);clip-path:polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 0 0, 50% 50%);background:var(--lightColor)}99%{-webkit-clip-path:polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%);clip-path:polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 0, 50% 0, 50% 50%);background:rgba(0,0,0,0)}100%{-webkit-clip-path:none;clip-path:none;background:rgba(0,0,0,0)}}.post{min-height:200px;max-height:90vh;background:#fff;padding:1em;font-size:1.2em;border-radius:8px;box-shadow:0 1px 3px color-mix(in srgb, var(--darkColor), transparent);animation:post 1s 3.5s 1 forwards;overflow:auto}.post h2{margin:.2em 0 0 0;font-size:1.2em}.post p{margin:.5em 0;clear:both}.post time{display:block;color:var(--lightColor);font-size:.8em}.post .profilepic{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:50%;float:left;margin-right:8px}.post .info{font-size:.7em;margin:0;color:var(--darkColor);float:right}@keyframes post{to{box-shadow:0 1px 3px color-mix(in srgb, var(--darkColor), transparent)}}.postinner,header,footer{opacity:0;animation:fadein 1.5s 3s 1 forwards}@keyframes fadein{to{opacity:1}}#aboutpage .post p{font-size:.8em}#aboutpage .post a{text-decoration:underline}.messages{background:#7c9;color:#fff;padding:.5em;margin:.5em auto;max-width:666px;font-weight:bold}.messages::before{content:"✓ ";font-size:1.3em}.messages.error{background:#d88}.messages.error::before{content:"⚠️ "}.likes{margin:.2em 0}#likebutton{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);color:var(--lightColor);border:0;outline:0;margin:0;padding:0;border-radius:0;cursor:pointer}img.liker{display:inline-block;vertical-align:middle;height:26px;width:26px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin:1px}.addfriend,a.button.addfriend,a.button.messagebutton{float:right}.addfriend a,.addfriend>i,a.button.addfriend a,a.button.addfriend>i,a.button.messagebutton a,a.button.messagebutton>i{display:inline-block;padding:.2em}#copybutton{cursor:pointer}.searchresult img{display:inline-block;vertical-align:middle;height:1.8em;width:1.8em;-o-object-fit:cover;object-fit:cover;border-radius:50%}#loginform{text-align:center}footer{font-size:.8em;text-align:center;padding:2em 1em}#colorballs{display:none}.colorball{display:inline-block;vertical-align:middle;height:1.2em;width:1.2em;border-radius:50%;cursor:pointer;border:1px solid rgba(153,153,153,.6);transform:scale(0);animation:popin .5s 0s 1 forwards}.colorball:active{transform:scale(0.9)}.colorball.white{background:#fff}.colorball.dark{background:#222}.colorball.red{background:#b22222}.colorball.green{background:green}.colorball.retro{background:#111 linear-gradient(black 50%, #333 50%) center/6px 6px}.colorball.neon{background:radial-gradient(pink, navy)}.colorball.sky{background:radial-gradient(white, royalblue)}.colorball:nth-of-type(2){animation-delay:.1s}.colorball:nth-of-type(3){animation-delay:.2s}.colorball:nth-of-type(4){animation-delay:.3s}.colorball:nth-of-type(5){animation-delay:.4s}.colorball:nth-of-type(6){animation-delay:.5s}.colorball:nth-of-type(7){animation-delay:.6s}.colorball:nth-of-type(8){animation-delay:.7s}@keyframes popin{50%{transform:scale(1.1)}100%{transform:scale(1)}}@media screen and (min-width: 700px){body{font-size:18px}header{font-size:2em}header a{padding:1em 1em 0 1em}main{padding:1em}.post{min-width:400px}}/*# sourceMappingURL=1np.css.map */