@font-face{font-family:Tienne;src:url(fonts/tienne.woff2) format("woff2");font-display:swap}@font-face{font-family:Comfortaa;src:url(fonts/comfortaa.woff2) format("woff2");font-display:swap}@font-face{font-family:"PT Sans";src:url(fonts/PT-sans.woff2) format("woff2");font-display:swap}:root{--color-menu:rgb(37, 79, 145);--color-menu-grad-0:rgba(37, 79, 145, 0.9);--color-menu-grad-1:rgba(219, 112, 40, 0.9);--color-menu-grad-2:rgba(65, 184, 34, 0.9)}body,html{margin:0;font-family:Tienne;background-color:#000}h1,h2{font-family:Comfortaa}.menu_bar{position:fixed;top:0;width:100vw;box-sizing:border-box;background:var(--color-menu)}.footer{color:#f96f13}.footer,.menu_bar,.menu_bar>div{display:flex;justify-content:space-evenly;align-items:center;font-family:Comfortaa;font-weight:700;z-index:99}.footer a,.menu_bar a{display:block;margin:5px 0;overflow:hidden;word-break:break-all}.footer img,.menu_bar img{position:relative}.footer>.orange_logo,.menu_bar>.home_logo{width:59px;height:40px}.menu_bar>.home_logo>img{height:40px;left:-119px}.menu_bar>.home_logo>img:hover{left:0}.footer>.orange_logo>img{height:40px}.menu_bar>.menu{--color:-25px;width:30px;height:25px}.menu_bar>.menu:hover{--color:-50px}.footer>.menu{--color:0px;width:30px;height:25px}.footer>.menu:hover{--color:-25px}.menu img{top:var(--color)}.menu.menu_systems>img{left:-30px}.menu.menu_forensics>img{left:-60px}.menu.menu_courses>img{left:-90px}.menu.menu_contact>img{left:-150px}.menu_bar .social_icons,.social .social_icons{--color:0;width:30px;height:30px;margin:10px 5px}.social_icons:hover{--color:-30px}.social_icons.facebook>img{top:var(--color)}.social_icons.twitter>img{left:-60px;top:var(--color)}.copyright{font-family:"PT Sans",sans-serif;font-size:.5rem}@media only screen and (min-width:1024px){.menu_bar{background:linear-gradient(to right,var(--color-menu-grad-0) 0,var(--color-menu-grad-1) 50%,var(--color-menu-grad-2) 100%)}.menu_bar>.menu{width:auto;text-decoration:none;color:#fff}.menu_bar>.menu:hover{color:#000}.menu_bar>.menu>img{display:none}.footer>.orange_logo{width:auto}.copyright{font-size:1rem}}:root{--color-home:#111111;--color-design:#eee3da;--color-systems:#125500;--color-forensics:#eaeff7;--color-courses:#833b00;--white:#eeeeee}.page{padding:1.5rem 1rem;text-align:justify;overflow:hidden}.page>img{display:none}.page>.full_logo{display:block;max-width:100%;padding:2rem 0}.page.home{padding-top:40px;background-color:var(--color-home);color:var(--white)}.page.design{background-color:var(--color-design)}.page.systems{background-color:var(--color-systems);color:var(--white)}.page.forensics{background-color:var(--color-forensics)}.page.courses{background-color:var(--color-courses);color:var(--white)}.page.design>.text>img,.page.forensics>.text>img{-webkit-clip-path:polygon(0 0,33.33% 0,33.33% 100%,0 100%);clip-path:polygon(0 0,33.33% 0,33.33% 100%,0 100%)}.page.courses>.text>img,.page.systems>.text>img{margin-left:-91px;-webkit-clip-path:polygon(33.33% 0,66.67% 0,66.67% 100%,33.33% 100%);clip-path:polygon(33.33% 0,66.67% 0,66.67% 100%,33.33% 100%)}.to_top{position:fixed;margin:10px;bottom:0;right:0;opacity:.8;z-index:100;transition:opacity .5s ease}.to_top:hover{opacity:1}.to_top img{border-style:none}@media screen and (min-width:1024px){.page{position:relative;min-height:100vh}.page.home{text-shadow:0 0 2px var(--color-home)}.page.design{text-shadow:0 0 2px var(--color-design)}.page.systems{text-shadow:0 0 2px var(--color-systems)}.page.forensics{text-shadow:0 0 2px var(--color-forensics)}.page.courses{text-shadow:0 0 2px var(--color-courses)}.page .text{position:absolute;top:33%;max-width:33%;font-size:1.2rem;z-index:50}.page.home>.text{font-size:1.3rem}.page.courses>.text,.page.design>.text,.page.home>.text{right:0}.page.forensics>.text{left:33%}.page.courses>.text,.page.design>.text,.page.forensics>.text,.page.home>.text{padding-right:5vw}.page.forensics>.text,.page.systems>.text{padding-left:5vw}.page.courses>.text>h2,.page.home>.text>h1,.page.systems>.text>h2{border-bottom:var(--white) solid 2px}.page.design>.text>h2,.page.forensics>.text>h2{border-bottom:var(--color-home) solid 2px}.page>img{display:block;position:absolute}#button{top:20vh}.button_off{-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);clip-path:polygon(0 0,50% 0,50% 100%,0 100%);left:474px}.button_on{-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);left:43px}.text_off{color:gray}.text_on{color:var(--white)}.full_logo{right:5vw;bottom:20px}#graffito{--top:70.18%;--right:32.74%;--bottom:100%;--left:0;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:87px;top:-747px;z-index:30}#graffito-line{--top:0;--right:100%;--bottom:100%;--left:93.28%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:-387px;top:0;z-index:31}#tablet{--top:71.48%;--right:73.92%;--bottom:100%;--left:33.74%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:-191px;top:-247px;z-index:20}#desktop{--top:11.85%;--right:86.16%;--bottom:67.06%;--left:0;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:124px;top:127px;z-index:10}#mobile{--top:67.19%;--right:93.28%;--bottom:100%;--left:73.92%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:-22px;top:-262px;z-index:20}#horizon{position:absolute;bottom:0;width:100%;height:33%;background:radial-gradient(ellipse at top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 50%)}#wires{--top:0;--right:100%;--bottom:72.1%;--left:40.96%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));right:0;z-index:30}#connect{--top:0;--right:40.96%;--bottom:78.21%;--left:0;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));right:-643px;z-index:40}#screw{--top:78.21%;--right:6.43%;--bottom:88.49%;--left:0;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:524px;top:-189px;z-index:20}#screwdrivers{--top:72%;--right:93.48%;--bottom:100%;--left:41.05%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:-240px;top:-609px;z-index:10}#gavel{--top:42.07%;--right:68.65%;--bottom:100%;--left:0;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:250px;bottom:0;z-index:30}#scale{--top:0;--right:35.24%;--bottom:41.96%;--left:0.86%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:18px;top:512px;z-index:40}#hdd{--top:23.04%;--right:100%;--bottom:100%;--left:68.65%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));right:39px;top:-129px;z-index:20}#horizon2{position:absolute;bottom:0;width:100%;height:33%;background:#b5b5b5;background:linear-gradient(to bottom,#b5b5b5 0,#fff 100%);box-shadow:-8px -8px 10px 10px #b5b5b5;z-index:25}#mortarboard{--top:0;--right:42.49%;--bottom:27.20%;--left:0;clip:rect(0,492px,287px,0);left:88px;top:252px;z-index:20}#chalkboard{--top:27.20%;--right:88.42%;--bottom:100%;--left:0;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));right:-138px;top:-287px;z-index:30}#pencils{--top:44.64%;--right:100%;--bottom:100%;--left:88.43%;-webkit-clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));clip-path:polygon(var(--left) var(--top),var(--right) var(--top),var(--right) var(--bottom),var(--left) var(--bottom));left:-1004px;top:-1px;z-index:40}}