*{margin:0;padding:0}body{align-items:left;justify-content:top;background-color:#fff0e3;flex-direction:column;margin:40px;font-family:Arial,Helvetica,sans-serif;display:flex;position:relative}h1{color:#fff0e3;font-size:56px;font-weight:700}h3{color:#fff0e3;font-size:22px;font-weight:700}p,hr{color:#fff0e3}button{background-color:#0000;border:0;margin:0;padding:0}#foot{grid-area:foot;gap:5px;margin-top:auto;display:grid}#img{border:2px solid #091d56;width:200px}#list{gap:30px;margin-top:20px;display:grid}#tabbar{align-items:center;height:40px;margin-bottom:20px;display:flex}#bar{margin-top:10px}#centerView{opacity:0;flex-direction:column;grid-area:name;justify-content:center;align-items:center;width:auto;height:calc(100vh - 132px);margin:auto;animation:.7s cubic-bezier(.3,1,.5,1) .2s forwards fadeIn;display:flex}#jobs{flex-direction:column;align-items:center;display:flex}#logo{width:30px;padding:5px}#menu{width:40px;margin-left:auto}#about{width:40px}#arrow{width:100px;position:absolute;top:calc(100vh - 140px)}button:hover{background-blend-mode:multiply;background-color:#61616180}#view{background-color:#282828;flex-direction:column;min-height:100vh;padding:30px;display:flex}#line{background-image:url(/line.png);background-repeat:repeat-x;background-size:auto 100%;height:3.5px}#main{grid-template:"header header""name sideBar""content sideBar""skills sideBar""foot foot"/minmax(0,1fr) auto;display:grid}#skills{grid-area:skills}#content{grid-area:content;min-height:1000px;position:relative}#header{grid-area:header}#sideBar{white-space:nowrap;justify-self:baseline;place-items:center end;row-gap:10px;min-width:0;padding:8px;display:grid}#sideBarOpened{white-space:nowrap;min-width:0}#projects{margin-bottom:40px;display:grid}.sidebar-container{background-color:#000;border-radius:15px;grid-area:sideBar;grid-template-columns:0fr;transition:grid-template-columns .4s cubic-bezier(.3,1,.5,1);display:grid;position:absolute;top:90px;right:30px;overflow:hidden}.sidebar-container.is-open{grid-template-columns:1fr}.multiline{margin:0;padding:0}.hgrid{align-content:left;grid-template-columns:auto;display:grid}.sideBarItem{grid-template-columns:auto 40px;align-items:center;gap:15px;display:grid}.projectImage{pointer-events:none;touch-action:none;border:2px solid #fff0e3;border-radius:10px;width:50vw;margin-top:10px}.projectVideo{border:2px solid #fff0e3;border-radius:10px;margin-top:10px}.logo{color:#fff0e3;width:30px}@media (width<=600px){body{margin:0}h1{font-size:32px}p{font-size:14px}#arrow{top:calc(100vh - 100px)}#centerView{height:calc(100vh - 72px)}#view{padding:10px}.sidebar-container{right:10px}.projectImage{width:100%;max-width:calc(100vw - 20px)}.projectVideo{max-width:calc(100vw - 20px);width:100%!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}