.pagewrapper{overflow-wrap:anywhere;padding:3vw}.font{font-family:Quantico}.tophorizontalcontent{display:flex}.horizontalcontent{grid-template-rows:repeat(2,1fr);grid-template-columns:50% 50%;gap:10px;width:100%;height:1000px;display:grid}.left.top{grid-area:1/1}.left.bottom{grid-area:2/1}.right{grid-area:1/2/span 2}.bottom1{text-align:center;grid-column:1/span 2;padding-bottom:30px}.coders{justify-content:center;width:100%}.title{font-family:Quantico;font-size:3vw}.longtext{background-color:#000000e3;border-radius:2vw;padding:1vw;font-family:Quantico}.form{background-color:#61472ab9;border:5px solid #242115;border-radius:.7vw;flex-direction:row;width:auto;padding:1vw;transition:all .3s cubic-bezier(.075,.82,.165,1);display:flex;box-shadow:0 0 10px #000}.form:hover{background-color:#61472a;transform:rotate(.5deg)scale(1.02)}.topimg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%}.encode,.decode{flex:1;margin:1rem}.input{grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:5rem;padding:1rem;display:grid}.buttonSubmit{cursor:pointer;background-color:#489766bb;border-radius:1vw;width:auto;height:100%;margin:auto;padding:1rem;font-size:2vw;transition:all .3s cubic-bezier(.075,.82,.165,1);box-shadow:0 0 10px #000b}.buttonSubmit:hover{transform:rotate(-2deg)}.textinput{color:#fff;background:0 0;border:2px solid #fff3;font-weight:700}.subtitle{font-family:Quantico;font-size:larger}.selector{text-align:center;background-color:#626345;margin:.2vw;padding:.2vw}.internalwrapper{display:flex}.chill{background-color:#4897665e;border-radius:3px;padding-left:10px;padding-right:10px;position:absolute;top:1%;right:2%}@media (max-width:1700px){.horizontalcontent{flex-direction:column;display:flex}.form{width:100%;position:relative}.input{flex-direction:column;width:100%;display:flex}.buttonSubmit{width:40%}.internalwrapper{width:100%}}.link{padding:1vw;text-decoration:none;transition:color .3s}.link:hover{color:#00ff62}@media (max-width:600px){.title{text-align:center;font-size:8vw}.font{text-align:center}.internalwrapper{flex-direction:column}.selector{width:100%}}