@font-face{font-family:MonoRegular;src:url(/assets/RobotoMono-Regular-c3c88e6a.ttf)format("truetype")}@font-face{font-family:MonoThin;src:url(/assets/RobotoMono-Thin-338cdf58.ttf)format("truetype")}#root{text-align:center;background-color:#b2babf;margin:0 auto;font-family:MonoRegular;padding:0;height:100vh}body,html{margin:0;padding:0}canvas{height:100%}.containerCanvas{position:absolute;height:120%;width:100%;z-index:2;top:-64px}h1{margin:0;padding:0}.os{text-align:left;width:100px;margin:12px}.buttonNav{text-align:center;width:100px;margin:12px}.containerNav{width:100%;height:64px;top:0;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.8rem}.containerHome{height:100vh;width:100%;top:-64px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0}.containerSkillsContact{height:100vh;width:100%;top:-64px;position:relative;display:flex;justify-content:space-between;align-items:flex-end;margin:0;padding:0;font-size:.7rem;color:#504880}.containerName{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;font-size:6.7rem;color:#fff;font-family:MonoThin;z-index:3}.containerPathLoc{font-size:.7rem;height:64px;color:#504880;font-family:MonoRegular;letter-spacing:normal}.skills,.contact{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:64px;text-align:left;margin:12px;z-index:3}.workButton{background-color:#504880;position:relative;height:64px;width:128px;margin:12px;z-index:3;color:#fff;text-align:center;vertical-align:middle;display:flex;justify-content:center;align-items:center}video{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.portfolio{width:100%}@media screen and (max-width: 600px){.containerName{font-size:2.8rem}.workButton{width:128px}.contact{width:240px}.skills{width:328px}}.ball{color:#a7a1d1}