body{background:var(--dark-back);color:#fff;width:100%;overflow-x:hidden;font-family:Verdana,Trebuchet MS,sans-serif}:root{--main-blue: #7b7bc0;--light-green: #8df185;--peach: #f1a685;--dark-back: #131313;--dark-link: #458fca;--dark-link-vis: #bd8adc;--ryan:#26ef4a;--alex:#ff82e9;--hunter:#fd9b32;--sean:#9946e1;--jj:#61f6ff;--roger:#e3ff0c}#root{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}a{color:var(--dark-link)}a:visited{color:var(--dark-link-vis)}#root>#wap1-frame{width:100%;margin:0}#home-all{display:flex;width:100%;justify-content:center}#home-main{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;margin:0 20%}#home-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:absolute;top:0;right:0;margin:2em;z-index:3}#warning{font-weight:700;color:red}#navbar{list-style:none}#navbar li{display:inline-block;margin:0 .5em}#navbar li a{padding:.5em 1em;border-radius:.5em;text-decoration:none;transition:.2s}#navbar li a:hover{border-bottom-right-radius:0;border-top-left-radius:0;transition:.2s;box-shadow:.3em .2em}.nav-active a{background:var(--main-blue);color:#fff;border:.1em solid white}.nav-inactive a{border:.1em solid var(--main-blue);color:var(--main-blue);background:#fff}#quick-link ul{list-style:none;display:flex;flex-direction:column;align-items:center}#quick-link ul li{margin:.7em 0;width:100%}#quick-link ul li a{display:block;padding:.7em .5em;width:100%;border-radius:.5em;border:1px solid var(--light-green);font-size:.8vw;text-decoration:none;text-align:center;transition:.3s}#quick-link ul li a:hover{transition:.3s;padding:.9em .7em}#github{color:#010409;background:#fff}#linkedin{color:#fff;background:#0a66c2}#leetcode{color:#ffa116;background:#ffa11644}#quick-link svg{margin-right:.5em}#class-header{text-align:center;width:50%}#card-holder{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.class-card{background:#7b7bc0;border-radius:.6em;border:1px solid white;width:25%;margin:3em 0;text-align:center;display:grid;grid-template:"title title" "grade grade" "sem prof"}.class-card:hover{cursor:pointer}.a-grade{color:#00ad1a}.b-grade{color:#95d84e}.c-grade{color:#f9d82b}.na-grade{color:#606060}.a-grade,.b-grade,.na-grade,.c-grade{font-size:2em;font-weight:700;padding-left:.3em}.card-grade{grid-area:grade;display:flex;align-items:center;justify-content:center}.card-sem{grid-area:sem}.card-prof{grid-area:prof}.card-prof a{color:var(--light-green)}.card-prof a:visited{color:var(--peach)}.card-title{grid-area:title}.card-desc{width:80%;margin:0 auto 1em}#proj-holder{margin-top:3vh;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:center}#proj-blurb{display:flex;width:50%;justify-content:center;align-items:center;flex-direction:column;text-align:center}.project-card{display:flex;margin:1em;width:45%;border:2px solid white;border-radius:0 1.5em 1.5em 0}.project-card :hover{cursor:pointer}.project-card img{overflow:hidden;max-width:50%;height:auto}.pc-words h4{font-size:1.4vw;display:block;text-decoration:underline}.pc-words h4:after{content:"";border-top:solid white 4px;width:100%}.project-card h4,.project-card p,.project-card a{margin:1em 1%}.pc-words{display:flex;flex-direction:column;margin-left:2%;width:44%}#dlp1-all{display:flex;flex-direction:column;align-items:center;width:80%}#red{color:#f99}.green{color:#afa}#settings-list{position:fixed;top:0;left:0;z-index:3;margin:.4em 0 0 .4em;padding:.1em;border-radius:.2em;background:var(--main-blue);transition:.6s}#settings-list ul{list-style:none;display:none;width:100%;justify-content:center;align-items:center;flex-direction:column;margin:0;padding:0}#settings-list li{text-decoration:none;width:100%;padding:.5em 0;text-align:center;display:flex;align-items:center}#settings-list a{width:100%;height:100%;color:#fff;display:inline-block;transition:.3s}#settings-list a:hover{color:#ddd;transition:.3s}.switch{position:relative;display:inline-block;width:30%;height:100%;padding:.5em;margin-right:.5em}.mover{opacity:0;width:0;height:0}#slider{border-radius:3em;position:absolute;cursor:pointer;top:0;right:0;left:0;bottom:0;background:#fff;transition:.4s}#slider:before{position:absolute;content:"";border-radius:3em;height:90%;width:45%;background:#000;left:5%;bottom:5%;transition:.4s}.mover:checked+#slider{background:#000;transition:.4s}.mover:checked+#slider:before{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%);background:#fff;transition:.4s}.gear-icon{transition:.4s;font-size:2em;float:left}#log-holder{display:flex;width:80%;align-items:center;flex-direction:column}.log li:before{content:"- "}.log ul{list-style:none}.log{width:100%}.log-type{font-size:12px;margin:0;padding:0}.log-header{font-size:27px;margin-bottom:0;text-decoration:underline}#match-holder{display:flex;flex-direction:column;width:50%}#choose-players{position:fixed;top:1em;right:1em;display:flex;flex-direction:column}.ryan{color:var(--ryan)}.alex{color:var(--alex)}.hunter{color:var(--hunter)}.sean{color:var(--sean)}.jj{color:var(--jj)}.roger{color:var(--roger)}@media screen and (max-width: 1200px){#match-holder{display:flex;flex-direction:column;width:95%}}.match-deets{z-index:4;background:#37384c;width:100%;margin-bottom:1em;padding:0 4em;display:flex;flex-direction:column;border-radius:1.25em;overflow-x:auto}.match-head{padding:.5em 0}.match-deets td{padding:1em;text-align:center}.match-deets table{border-spacing:0;border:5px solid black;margin-bottom:1em}.match-deets p{display:inline-block;margin-right:1.5em}.ta{color:#3d3de5}.tb{color:#eb3f3f}.team-a thead{background:#3d3de5}.team-b thead{background:#eb3f3f}.match-deets tr td:first-child{text-align:left}.match-deets table thead tr td{border-bottom:white 2px solid}.close-table{position:relative;float:right}.close-table:hover{cursor:pointer}.close-table svg{border:3px solid black;border-radius:.5em;display:inline-block;vertical-align:0;padding:.5em;font-size:1.25em}.thin-view{border:solid 4px white;border-radius:1em;margin-bottom:1em;display:flex;justify-content:space-between;align-items:center}.thin-info{width:50%}.diagBox{float:right;margin:2em 1em;display:flex;flex-direction:row;transform:skew(-10deg)}.diagPart{padding:1em .8em;transform:skew(-10deg);border-top:3px solid white;border-bottom:3px solid white;border-right:3px solid white;margin:0}.diagPart:first-child{border-left:3px solid white}#ryandp{background:var(--ryan)}#alexdp{background:var(--alex)}#seandp{background:var(--sean)}#jjdp{background:var(--jj)}#rogerdp{background:var(--roger)}#hunterdp{background:var(--hunter)}@media screen and (max-width: 900px){.match-deets{z-index:4;background:#37384c;width:100%;margin-bottom:1em;padding:0 4em;display:flex;flex-direction:column;border-radius:1.25em}}