.btn{overflow:hidden}.btn,.btn:hover,.section h2,a{text-decoration:none}#cursor,.menu,.pointerEventsNone{pointer-events:none}::placeholder{color:#fff;opacity:.5}body{width:100%;overflow-x:hidden;margin:0;color:#fff;font-family:Calibri;background-color:#180b4b}.btn,.section h2{font:400 10px/2rem "Proxima Nova",Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:2px}a{color:inherit}#mainBG{width:100%;margin-top:-70%}#cursor{position:fixed;height:1px;width:1px;border-radius:50%;z-index:999}#cursor:before,#loading,#progress,#progstat{position:absolute}#cursor:before{content:"";top:0;left:0;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:1px solid rgba(255,255,255,.5);transition:transform 1s cubic-bezier(.19,1,.22,1) 0s;-webkit-transition:-webkit-transform 1s cubic-bezier(.19,1,.22,1) 0s;transform:scale(0);-webkit-transform:scale(0);transform-origin:center}#cursor.hover:before{transform:scale(1);-webkit-transform:scale(1)}#cursor.clicked{box-shadow:0 0 0 rgba(255,255,255,.4);animation:pulse .5s ease}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4)}70%{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}70%{box-shadow:0 0 0 30px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}.hideOnLoad{display:none}.content10,.content8{background:#350096;background:-moz-linear-gradient(45deg,#350096 0,#00e3c6 100%);background:-webkit-linear-gradient(45deg,#350096 0,#00e3c6 100%);background:linear-gradient(45deg,#350096 0,#00e3c6 100%)}.content9{background:#23075d;background:-moz-linear-gradient(45deg,#23075d 0,#00605c 100%);background:-webkit-linear-gradient(45deg,#23075d 0,#00605c 100%);background:linear-gradient(45deg,#23075d 0,#00605c 100%)}.content4{background:#23075d;background:-moz-linear-gradient(45deg,#23075d 0,#00605c 100%);background:-webkit-linear-gradient(45deg,#23075d 0,#00605c 100%);background:linear-gradient(45deg,#23075d 0,#00605c 100%)}.content2{background:#2a0aa9;background:-moz-linear-gradient(45deg,rgba(42,10,169,1) 0,rgba(124,19,157,1) 100%);background:-webkit-linear-gradient(45deg,rgba(42,10,169,1) 0,rgba(124,19,157,1) 100%);background:linear-gradient(45deg,rgba(42,10,169,1) 0,rgba(124,19,157,1) 100%)}.content3,.section .section__content.grad-darkblue h2::before{background:#fa49ff;background:-moz-linear-gradient(45deg,#fa49ff 0,#6267fc 64%,#5bead5 100%);background:-webkit-linear-gradient(45deg,#fa49ff 0,#6267fc 64%,#5bead5 100%);background:linear-gradient(45deg,#fa49ff 0,#6267fc 64%,#5bead5 100%)}@font-face{font-family:myBarrett;src:local('Barrett');src:url(fonts/BarrettBold.ttf) format('truetype');src:url(fonts/BarrettBold.woff) format('woff');src:url(fonts/BarrettBold.woff2) format('woff2')}.overlay{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0}.backgrounds{position:fixed;z-index:-1}.overlay.gradient{background:#310089;background:-moz-linear-gradient(-45deg,#310089 0,#5b007c 100%);background:-webkit-linear-gradient(-45deg,#310089 0,#5b007c 100%);opacity:0}.overlay.vignette{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:radial-gradient(circle at center,#c100cd 5%,#300155 25%,#0d011b 70%);opacity:.9;transition:opacity 4s cubic-bezier(.19,1,.22,1) .5s;-webkit-transition:opacity 4s cubic-bezier(.19,1,.22,1) .5s}.logo{transition:all 1.8s cubic-bezier(.19,1,.22,.95) 0s;-webkit-transition:all 1.8s cubic-bezier(.19,1,.22,.95) 0s;left:50%;width:200px;height:23.25px;margin:-11px 0 0 -100px;opacity:0;filter:blur(40px);-webkit-filter:blur(40px);transform:translateY(50px) scale(3);-webkit-transform:translateY(50px) scale(3);z-index:101}.section,body,html{height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.logo svg{fill:#fff;color:transparent}#container,#sections{width:100%;height:100%}.scroll-link,.text-content h1.lettr span{transition:all 1.8s cubic-bezier(.19,1,.22,.95) 0s;opacity:0}.scroll-link{font:400 10px/2 "Proxima Nova",Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.5);letter-spacing:2px;position:fixed;z-index:5;padding:10px;-webkit-transition:all 1.8s cubic-bezier(.19,1,.22,.95) 0s;transform:translateY(70px);-webkit-transform:translateY(70px)}.scroll-link a{color:#fff;transition:all 1.8s cubic-bezier(.19,1,.22,.95) 0s;-webkit-transition:all 1.8s cubic-bezier(.19,1,.22,.95) 0s}.scroll-link.dark{color:rgba(0,0,0,.7)}a.scroll-link.dark:hover{color:rgba(0,0,0,1)}.scroll-link{color:#fff;opacity:1;bottom:95px;left:5%;margin-left:-10px}.scroll-link a:hover,a.scroll-link:hover{color:#fff}.start .logo{opacity:1;filter:blur(0);-webkit-filter:blur(0);transform:translateY(0) scale(1.2);-webkit-transform:translateY(0) scale(1.2)}.section{position:relative}.section__clip,.section__content{position:absolute;bottom:0;right:0;top:0;left:0;z-index:5}.section__clip{clip:rect(auto,auto,auto,auto);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 100%,0 0)}.section__content{margin:auto}:root{--clip-position:center;scrollbar-width:none}::-webkit-scrollbar{display:none}.mask-container{display:none;width:100%;height:100vh;position:relative;top:0;left:0}@supports (-webkit-clip-path:circle(100px at center)) or (clip-path:circle(100px at center)){.mask-container{display:block}.mask-container .pattern{object-fit:cover;width:100%;height:100vh;position:relative;top:0;left:0;display:none;background-image:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">\a<defs>\a<pattern id="ashano" patternUnits="userSpaceOnUse" width="119" height="103" patternTransform="scale(.8)">\a<g stroke="rgba(255,255,255,.07)" fill="none">\a <polygon points="89.3,0 89.3,34.4 119,51.6 89.3,68.7 89.3,103.1 59.5,85.9 29.8,103.1 29.8,68.7 0,51.5 29.8,34.4 29.8,0 59.5,17.2"/>\a <line x1="59.5" y1="17.2" x2="59.5" y2="85.9"/>\a <line x1="29.8" y1="68.7" x2="89.3" y2="34.4"/>\a <line x1="89.3" y1="68.7" x2="29.8" y2="34.4"/>\a <polyline points="89.3,103.1 119,85.9 119,51.5"/>\a <polyline points="119,51.5 119,17.2 89.3,0"/>\a <polyline points="29.8,0.1 0,17.2 0,51.6"/>\a <polyline points="0.1,51.5 0.1,85.9 29.8,103.1" />\a </g>\a</pattern>\a</defs>\a<rect width="100%" height="100%" fill="url(#ashano)" />\a</svg>');-webkit-clip-path:circle(100px at var(--clip-position));clip-path:circle(100px at var(--clip-position))}}.scroll-update-fix .section__content{-webkit-animation:mspatch 1s linear infinite;animation:mspatch 1s linear infinite}@-webkit-keyframes mspatch{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes mspatch{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}}.section_fixed .section__content{position:fixed}.section .line::before,.section h2::before{height:1px;content:''}.section:not(.active) .btn,.section:not(.active) p{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.section:not(.active) .line::before{-webkit-transition-delay:0s;transition-delay:0s}.section.active .line::before{-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1)}.section.active h2 span strong{color:#fff;font-weight:600}.section .section__content.home h2::before{background:rgba(255,255,255,.3)}.section.active h2 span{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;transition-delay:0s}.section.active h2::before{-webkit-transform:translate3d(0,0,0) scale(1,1);transform:translate3d(0,0,0) scale(1,1);-webkit-transition-delay:.1s;transition-delay:.1s}#home{z-index:1}.layoutContent{width:100%;height:100%;position:fixed;display:flex;align-items:center;font-family:myBarrett;transition:all .5s ease-in-out}.contentLayer{width:100%;height:80%}.contextmenu{margin:0;height:39px;width:100px;opacity:1;position:fixed;background-color:#f5f5f5;border-radius:5px;color:#5b5b5b;z-index:9999;transition:all 250ms ease-out;overflow-y:hidden;filter:drop-shadow(0 0 8px #020202)}.ctxlink{width:200px;height:29px}.contextHidden{opacity:0;height:0;transition:all 50ms ease-out}.contextMenuContent,.contextMenuContentLink{padding:5px 10px 5px 10px;transition:all .1s ease-in;opacity:0;overflow:hidden}.contextMenuContent:first-child{margin-top:5px}.contextMenuContent:last-child{margin-bottom:5px}.contextMenuContent:hover,.contextMenuContentLink:hover{cursor:pointer;background-color:#e2e2e2}#navbar{margin:0;padding:10px;top:0;width:100%;height:35px;position:fixed;display:flex;flex-direction:row-reverse;z-index:109;right:0}#navbar-icon{margin:0;padding:10px;top:0;width:45px;height:35px;position:fixed;display:flex;z-index:110;right:0}#navbar-icon>div{height:100%;width:35px;transition:all .5s ease-in-out}#navbar-icon>div:hover{cursor:pointer;border-radius:25px;box-shadow:0 0 10px #fff}.navbar-container{display:flex;align-items:center;height:100%;width:100px;text-align:center;opacity:0;transition:all .5s ease-in-out}.navbar-container:not(:first-child){margin-right:-120px}.navbar-item{width:100%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.navbar-item>a:hover{text-shadow:0 0 10px #fff,0 0 10px pink;cursor:pointer}#burger-icon>img{height:100%}#cubeCenter{width:100%;height:100%;position:fixed;z-index:2;display:flex;align-items:center;top:0}.wrap{display:flex;perspective:1000px;perspective-origin:50% 50%;position:fixed;width:100%;height:25%}.cube{margin:auto;position:relative;height:50px;width:50px;transform-style:preserve-3d;font-size:7pt;text-align:center;transform:rotateX(-45deg) rotateY(45deg)}.cube>div{position:absolute;box-sizing:border-box;padding:10px;height:100%;width:100%;opacity:1;transition:all .2s ease-in;border:solid 1px #dddcdc;color:#000}.front{transform:translateZ(25px);background-color:#fff}.back{transform:translateZ(-25px) rotateY(180deg);background-color:#a09c9c}.right{transform:rotateY(-270deg) translateX(25px);transform-origin:top right;background-color:#b1acac}.left{transform:rotateY(270deg) translateX(-25px);transform-origin:center left;background-color:#b4b4b4}.top{transform:rotateX(-270deg) translateY(-25px);transform-origin:top center;background-color:#dadada}.bottom{transform:rotateX(270deg) translateY(25px);transform-origin:bottom center;background-color:#c7c7c7}@keyframes rotate{from{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.cube{animation:rotate 20s infinite linear}#cubeCenter2{width:100%;height:100%;position:fixed;z-index:3;display:flex;align-items:center;top:0}.wrap2{perspective:1000px;perspective-origin:50% 50%;position:fixed;width:100%;height:25%;display:flex}#cubeCenter3{width:100%;height:100%;position:fixed;z-index:1;display:flex;align-items:center;top:0}.wrap3{perspective:1000px;perspective-origin:50% 50%;position:fixed;width:100%;height:25%;opacity:.9;display:flex}.cube2{z-index:11;margin:auto;position:relative;height:100px;width:100px;transform-style:preserve-3d;font-size:7pt;text-align:center;transform:rotateX(-45deg) rotateY(45deg)}.cube2>div{position:absolute;box-sizing:border-box;padding:10px;height:100%;width:100%;opacity:.5;background-color:#c5c5c5;border:solid 1px #eee;color:#fff}.front2{transform:translateZ(50px)}.back2{transform:translateZ(-50px) rotateY(180deg)}.right2{transform:rotateY(-270deg) translateX(50px);transform-origin:top right}.left2{transform:rotateY(270deg) translateX(-50px);transform-origin:center left}.top2{transform:rotateX(-270deg) translateY(-50px);transform-origin:top center}.bottom2{transform:rotateX(270deg) translateY(50px);transform-origin:bottom center}.mid-link{position:fixed;opacity:0;left:0;top:45%;text-align:center;font-family:Calibri;font-size:12pt;transition:all .5s ease-in-out}.mid-link.skill,.mid-link.specialization{width:100%;left:0;text-align:center}.mid-link.left-link{text-align:right}.mid-link.right-link{text-align:left}.mid-link>a:hover{cursor:pointer}.mid-middle{display:flex;width:100%;top:45%;position:fixed;justify-content:center;transition:all .2s ease-in}.mid-middle>a{position:relative}.mid-middle.h-e{z-index:10}.mid-middle.j-g{align-items:center;bottom:45%}#quotes{width:100%;height:20%;z-index:1;position:fixed;bottom:0;text-align:center}#audio{position:fixed;width:1em;height:1em;margin:.8em;font-size:2em;bottom:0;right:0;z-index:100;text-align:center;text-justify:auto;transition:all .2s ease-in}#audio>i{width:100%;height:100%;transition:all .2s ease-in}#audio>i:hover{text-shadow:0 0 10px pink;cursor:pointer}#quotes>div>h2{margin:0;font-style:italic}#profileContent,#profileMask{width:100%;height:100%}#profileContent{position:fixed}#profileBG{width:100%;height:100%;background-size:100%;position:fixed}#profileMask{display:flex;align-items:center}#profileLeft,#profileRight{transition:ease-in-out all .5s;height:80%;width:50%}#profileImg{transition:ease-in-out all .5s;height:20em;width:20em;margin:auto;margin-top:6em;background:url(../assets/flatFace.png);background-size:100% 100%;background-repeat:no-repeat}#profileQuotes{transition:ease-in-out all .5s;height:10%;text-align:center;font-family:myBarrett;font-style:italic;font-size:2em;margin:auto;margin-top:0}#profileBio{width:90%;height:40%;margin:auto;margin-top:4em;padding-top:0;font-family:myBarrett;font-size:2em}.row{width:100%;height:25%;display:flex;align-items:center}.column{height:100%}.column:nth-child(1){width:30%}.column:nth-child(2){width:20%}.column:nth-child(3){width:50%}#sosmedLink{width:90%;height:20%;margin:auto;display:flex;justify-content:center}.sosmed-icon{height:100%;display:flex;margin:auto;align-items:center;transition:ease-in-out all .5s .2s;transform:scale(1)}.sosmed-icon:first-child{margin-left:0}.sosmed-icon>a>i{font-size:4em;transition:all .2s ease-in;text-align:center}.sosmed-icon>a>i:hover{text-shadow:0 0 10px pink;transform:scale(1.5)}#educationBG{width:100%;height:100%;position:fixed}#educationContent{width:100%;height:100%;position:fixed;display:flex;align-items:center;font-family:myBarrett}#educationLayer{width:100%;height:80%;display:flex}#eduLeft,#eduRight{transition:ease all .5s;width:50%}#eduLeft{height:100%}#eduRight{align-self:center}#eduTitle{text-align:center;font-size:1.5em}.eduRightContent{width:80%;margin:auto}#eduDesc{margin-top:10%;font-size:1.2em}#eduButton{margin-top:10%;width:6em;height:2em;border:2.5px solid #fff;border-radius:5px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:1.4em}#eduButton:hover{cursor:pointer;background-color:#fff;color:#000;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.layerMask{width:100%;height:100%;position:fixed;background-color:#000;opacity:.6}#achievementBG{width:100%;height:100%;position:fixed;background-size:100%;background-repeat:no-repeat}#achievementTitle{width:100%;height:20%;text-align:center;font-size:4em}#achievementContainer{height:80%;width:100%;position:absolute}#achieveLeft,#achieveList,#achieveRight{width:50%;left:0;height:80%;position:absolute;transition:all .5s ease-out;z-index:51}#achieveRight{left:50%}#achieveList{left:100%;width:100%;display:flex;justify-content:flex-end;background-color:#000;opacity:.7;z-index:50}#achieveListContainer{width:50%;height:100%}#achievementGridList{display:grid;grid-template-rows:auto auto;grid-template-columns:auto auto auto;overflow-y:scroll;text-align:center;height:100%}.a_badges{width:150px;height:150px;margin:auto;background-image:url(../assets/achievement/academic_coming_soon.svg);background-size:100% 100%;background-repeat:no-repeat}#achievementPreview{transition:ease-in-out all .7s;width:100%;height:60%;display:flex;justify-content:center;align-items:center}#achievementDesc{transition:ease-in-out all .7s;width:60%;height:40%;margin:auto;margin-top:5%;text-align:center}#previewVideo{width:45%;height:50%;margin:auto;position:absolute;filter:grayscale(75%);background-color:#663399;border-radius:34%;z-index:-2}#video-content{width:50%;height:42%;border-radius:22%;position:absolute;z-index:-1}#previewBorder{width:52%;height:58%;margin:auto;position:absolute;filter:grayscale(70%);background-image:url(../assets/achievement/video_border.png);background-size:100% 100%;z-index:100}#previewTitle{transition:ease-in-out all .7s;font-size:4em;z-index:105;align-self:flex-end;position:absolute;font-family:BebasNeuewebfont;font-weight:700;letter-spacing:-1px;color:#fff;text-shadow:-5px -5px 0 #3b3b3b,5px -5px 0 #3b3b3b,-5px 5px 0 #3b3b3b,5px 5px 0 #3b3b3b;margin-bottom:-17px}#grid-container{width:60%;height:100%;margin:auto;display:grid;grid-template-columns:auto auto auto}#socials{background-image:url(../assets/achievement/socials_achievement.svg)}#academic{background-image:url(../assets/achievement/academic_achievement.svg)}#sports{background-image:url(../assets/achievement/sport_achievement.svg)}#journey{background-image:url(../assets/achievement/journey_achievement.svg)}.grid-item{transition:ease all .5s;background-repeat:no-repeat;background-position-x:center;filter:drop-shadow(0 6px 2px #000)}.achIcon:hover{cursor:pointer}#bgContainer{width:100%;height:100%;display:flex;position:fixed;flex-direction:row;overflow:hidden}#hobbiesBG{width:100%;height:100%;left:0;position:absolute;transition:all .5s ease-in-out}#hImg{width:100%;margin-top:-56%}#hobbiesBG2{width:100%;height:100%;left:100%;position:absolute;transition:all .5s ease-in-out}.contentTitle{width:100%;height:20%;display:flex;align-items:center;justify-content:center;font-size:4em}#hContent{width:100%;height:80%;display:flex;align-items:center}#hLeft,#hRight{transition:ease all .5s;width:50%;height:100%}#hLeft{display:flex}.h-nav{height:100%;width:10%;display:flex;align-items:center}.h-arrow{width:100%;height:4em;background:url(../assets/nav_arrow.png);background-size:100% 100%;background-repeat:no-repeat;-webkit-filter:invert(100%);filter:invert(100%)}.left-arrow>div{transform:rotate(180deg)}#h-images{width:80%}.h-image{transition:ease all .5s .3s;position:fixed}.anime{background:url(../assets/hobbies/anime_icon.png);left:22.6%}.movies{background:url(../assets/hobbies/editing_icon.png);left:12%}.games{background:url(../assets/hobbies/game_icon.png);left:34%}.h-off{top:45%;transform:scale(2);opacity:.7}.h-on{top:53.1%;transform:scale(3.5);-webkit-filter:drop-shadow(1px 1px .5px #000);filter:drop-shadow(1px 1px .5px #000)}.h-image{height:4em;width:4em;background-size:100% 100%;background-repeat:no-repeat;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.h-arrow:hover{cursor:pointer}#hRight{display:flex;align-items:center;justify-content:center}#hRight>div{width:80%}#hRightTitle{width:100%;font-size:2em}.hRightContent{width:100%}#hDesc{margin-top:5%;font-size:1.2em}#hButton{margin-top:5%;width:5em;height:2em;border:2.5px solid #fff;border-radius:5px;text-align:center;display:none;align-items:center;justify-content:center;font-size:1.4em}#hButton:hover{cursor:pointer;background-color:#fff;color:#000;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}#back-page{height:100%;position:fixed;left:100%;width:5em;display:flex;align-items:center;transition:all .5s ease-in-out}#back-arrow:hover{cursor:pointer}#back-arrow{width:100%;height:4em;background:url(../assets/nav_arrow.png);background-size:100%;background-repeat:no-repeat;transform:rotate(180deg);filter:invert(100%)}#hobbiesDetailContent{width:100%;height:100%;position:fixed;left:100%;bottom:0;transition:all .5s ease-in-out;overflow-y:scroll}::-webkit-scrollbar-track{background:#888}::-webkit-scrollbar-thumb{background:0 0}::-webkit-scrollbar-thumb:hover{background:0 0}.hDetail-title{width:100%;text-align:center;font-size:4em}.hDetail-title.first-title{margin-top:1.5em}.games-row{width:100%;height:17em;display:flex;justify-content:center;align-items:center}.games-col{width:33.33%;height:100%;display:flex;align-items:center;justify-content:center}.games-col>div{width:50%;height:70%;background-color:red}#eventsBg{width:100%;background-size:100%;background-repeat:no-repeat;position:fixed;top:-100%}#eContent{width:100%;height:80%;display:flex;align-items:center}#eLeft,#eRight{transition:ease all .5s;width:50%;height:100%;display:flex;align-items:center;justify-content:center}#e-images{width:50%;background-size:100%;background-repeat:no-repeat;border:5px solid #fff;margin:0 10px 0 10px}#eRight>div{width:80%}#eRightTitle{width:100%;font-size:2em}.eRightContent{width:100%}#eDesc{margin-top:5%;font-size:1.2em}#skillBG{width:100%;height:100%;position:fixed;background-size:100%;background-repeat:no-repeat}#skillContainer{width:100%;height:80%;display:flex}#skillLeft,#skillRight{width:50%;height:100%}#skillLeft{display:flex;align-items:center;justify-content:center;text-align:center}#skillRight{display:flex;align-items:center}#skillRight>div{width:100%}#skewBorder{position:absolute;width:40vh;height:55vh;border:5px solid #dadada;transform:skew(2deg,2deg);z-index:19}#skillBorder{position:absolute;width:40vh;height:55vh;border:5px solid #202020;background-color:#272727;z-index:20}#skillCardTitle{width:100%;font-size:2em}#skillCardIcon{width:80%;height:40%;margin:auto;background-image:url(../assets/skills/skill_icon.svg);background-size:100% 100%;background-repeat:no-repeat}#skillCardDesc{width:80%;margin:auto}.skillName{font-size:14pt;margin:auto;margin:20px 0 5px 0}.skillProgress{display:flex;align-items:center;margin:auto}.skillBar{width:70%;height:10px;background-color:#181818;margin:0 10px 0 0;border-radius:2px;transition:all .5s ease-in-out}.skillBarFilled{height:100%;border-radius:2px;background-color:#fff;transition:all .5s ease-in-out}#jobBG{width:100%;height:100%;position:fixed;background-size:100%;background-repeat:no-repeat}#jobContainer{width:100%;height:80%;display:flex}#jobLeft,#jobRight{transition:ease all .5s;width:50%;height:100%}#jobLeft{display:flex;justify-content:flex-end}#jobRight{font-size:1.2em;position:absolute;right:0}#jobImg{transition:ease all .5s;width:50%;height:80%;bottom:0;left:0;position:absolute;background:url("../assets/job/davin\ silhouette.svg");background-repeat:no-repeat;background-size:100% 100%}#jobTitle{margin-top:.5em;font-size:2.5em}#jobDesk{margin-top:-5px}#jobDesc{margin-top:5%;margin-bottom:5%}.jobSubTitle{margin-bottom:5px}#tools-icon{display:flex;margin-bottom:2%}.toolsIcon{width:30px;height:30px}#android-studio{background:url(../assets/job/android_studio.png);background-repeat:no-repeat;background-size:100% 100%;margin-right:15px;filter:grayscale(100%)}#gitlab{background:url(../assets/job/GitLab_Logo.svg);background-repeat:no-repeat;background-size:100% 100%;filter:grayscale(100%) brightness(150%)}#job-company{display:flex}#bca-icon{width:30px;height:30px;background:url(../assets/job/bca.svg);background-repeat:no-repeat;background-size:100% 100%;margin-right:15px}#xLine{transition:ease all .5s;width:40%;height:3px;margin-top:3.5em;margin-right:10px;background-color:#fff}#projectBG{width:100%;height:100%;position:fixed;background-size:100%;background-repeat:no-repeat}#projectContainer{transition:ease all .5s;width:100%;height:80%;display:flex}#projectLeft,#projectRight{transition:ease all .5s;width:50%;height:100%;display:flex}#projectLeft{justify-content:flex-end}#projectLeft>.thumbnailContainer:first-child{padding-right:15%}#projectLeft>.thumbnailContainer:last-child{padding-right:25%}#projectRight>.thumbnailContainer:first-child{padding-left:15%}#projectRight>.thumbnailContainer:last-child{padding-left:25%}#project1,#project2,#project3,#project4{width:100%;height:100%}#projectImg{height:67%;width:100%;background:url(../assets/project/davinIFPSilhouette.svg);background-size:100% 100%;background-repeat:no-repeat;z-index:1;position:absolute;bottom:0}.thumbnailContainer{height:25%;width:16%;z-index:2;position:fixed}.thumbnailContainer:first-child{margin-top:10px}.thumbnailContainer:last-child{align-self:flex-end}.thumbnail{background-color:#000;height:75%}.thumbnail:hover{cursor:pointer}.thumbnailDesc{text-align:center;font-size:.8em;height:25%}#guildBG{width:100%;height:100%;position:fixed;background-size:100%;background-repeat:no-repeat}#guildContent{font-size:1.2em}#guildContainer{width:100%;height:80%;display:flex}#guildLeft,#guildRight{width:50%;height:100%}#guildFlag{width:90%;height:100%;margin:auto;background:url(../assets/guild/guild_flag.svg);background-size:100% 100%;background-repeat:no-repeat}#guildName{width:100%;text-align:center;font-family:Armour;font-size:3em;margin-top:50px}#guildLongName{width:100%;text-align:center}#guildCircleContainer{display:flex;width:100%;justify-content:center;align-items:center;margin-top:20px}.guildCircle{width:12.5em;height:12.5em;border:solid #fff 5px;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;text-align:center;font-family:BebasNeuewebfont}.guildCircle:first-child,.guildCircle:last-child{width:25%;height:9.5em}.circleContent>div:first-child{font-size:4em}.circleContent>div:last-child{font-size:1.5em}.guildCircle:first-child>.circleContent>div:first-child,.guildCircle:last-child>.circleContent>div:first-child{font-size:3em}.guildCircle:first-child>.circleContent>div:last-child,.guildCircle:last-child>.circleContent>div:last-child{font-size:1.2em}#guildSosmedTitle{margin-top:20px;width:100%;text-align:center}#guildSosmedContainer{display:flex;justify-content:center;font-size:3em}.guildSosmed{margin:10px;margin-top:5px}.guildSosmed:hover{cursor:pointer}#contactBG{width:100%;position:fixed;background-size:100%;background-repeat:no-repeat}#contactContainer{width:100%;height:65%;position:fixed;display:flex;align-items:center;justify-content:center}#contactContainer>form{text-align:center}#formTitle{font-size:3em}#input-email,#input-message,#input-name{color:#fff;background-color:transparent;margin:10px}#input-email,#input-name{margin-bottom:0}#input-email,#input-name{margin-top:15px;border-radius:5px;width:300px;padding:5px;font-size:1.2em;text-align:center}#input-message{margin-top:15px;margin-bottom:0;border-radius:10px;padding:10px;width:400px;text-align:center}#submitButton{margin:10px;background-color:transparent;color:#fff;font-size:1.2em;border-radius:5px;width:100px;height:35px}.error{color:#ff0}#footer{position:fixed;background-color:#292929;width:100%;height:35%;bottom:0;text-align:center;display:flex;align-items:center;justify-content:center}#footerContainer{height:80%;width:100%}#footerSosmed{display:flex;justify-content:center}.footerSosmedIcon{margin:15px;font-size:2.5em}#footerText{margin:auto;max-width:550px}#copyrightText{position:fixed;font-size:.8em;width:100%;bottom:20px}