html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}strong{font-weight:700}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{color:#000;font-size:62.5%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h2{font-size:5em;margin-bottom:20px}p{font-size:2em;line-height:1.4;margin-bottom:10px}a:link,a:visited{color:#000;text-decoration:none}a:hover{text-decoration:underline}.arrow{position:relative;padding-right:15px}.arrow:before,.arrow:after{content:"";position:absolute;right:0;top:4px;width:2px;height:12px;background:#000}.arrow:before{transform:rotate(45deg);top:12px}.arrow:after{transform:rotate(-45deg)}.fixed-content{position:fixed;z-index:10;width:100%;height:100%;margin:auto;inset:0}.content{width:640px;margin:50px auto}.content-text{position:relative;float:right;width:370px}.slide{position:absolute;top:30vh;left:-20vw;width:100%;z-index:0}.slide .animatable{opacity:0;transform:translateY(30px);transition:opacity .4s ease,transform .4s ease}.slide.active{z-index:10}.slide.active .animatable{opacity:1;transform:translate(0)}.slide.active.remove .animatable{opacity:0;transform:translateY(-20px)}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-y:scroll}.panel{margin:0;height:100vh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background-position:26px 18px;transition:opacity .45s ease-in,background-position .45s ease-in}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background-position:-20px 24px;transition:opacity .45s .1s ease-in,background-position .45s .1s ease-in}.panel.panel-active:before{opacity:.75;background-position:0px 0px;transition:opacity 1.4s cubic-bezier(.16,1,.3,1),background-position 1.4s cubic-bezier(.16,1,.3,1)}.panel.panel-active:after{opacity:.5;background-position:0px 0px;transition:opacity 1.7s .2s cubic-bezier(.16,1,.3,1),background-position 1.7s .2s cubic-bezier(.16,1,.3,1)}.inner{position:relative;height:100vh}.home{padding:22px 17px}.home:before,.home:after{background-image:repeating-radial-gradient(circle at center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 100%);background-size:10px 10px}.panel-tech{padding:22px 17px}.panel-tech:before,.panel-tech:after{background-image:repeating-radial-gradient(circle at center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 100%);background-size:14px 14px}.panel1{padding:22px 17px}.panel1:before,.panel1:after{background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-size:8px 8px}.panel2{padding:22px 17px}.panel2:before,.panel2:after{background-image:repeating-radial-gradient(circle at center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 100%);background-size:10px 10px}.panel3{padding:22px 17px}.panel3:before,.panel3:after{background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-size:4px 4px}.panel4{padding:22px 17px}.panel4:before,.panel4:after{background-image:repeating-radial-gradient(circle at center,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 100%);background-size:10px 10px}.section-bg,.layer-object{position:absolute;z-index:5}.logo{right:15%;top:28%}.musicbox{right:-100px;bottom:-100px}.facts{left:-70px;bottom:50px}.poster{right:20px;bottom:50px}.webdesign{right:-200px;bottom:-60px}.code{background:#0003}.report{right:50px;bottom:50px}.diagram{right:180px;bottom:40px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;z-index:10}.mypagination{position:fixed;right:20px;top:50%;transform:translateY(-50%);font-size:1.4em;z-index:10}.mypagination a{display:block;height:20px;margin-bottom:5px;color:#000;position:relative;padding:4px}.mypagination a.active:after{box-shadow:inset 0 0 0 5px}.mypagination a .hover-text{position:absolute;right:15px;top:7px;opacity:0;transition:opacity .5s ease;padding-right:15px}.mypagination a:hover .hover-text{opacity:1}.mypagination a:after{transition:box-shadow .5s ease;width:10px;height:10px;display:block;border:1px solid;border-radius:50%;content:"";position:absolute;margin:auto;top:0;right:4px;bottom:0}.js-load-async{display:block}.tech-stack{right:160px;top:50%;transform:translateY(-50%);width:580px;display:flex;flex-direction:column;gap:16px}.cloud-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cloud-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:8px;background:#ffffffb3;border:1px solid rgba(0,0,0,.09);backdrop-filter:blur(4px)}.cloud-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cloud-header img{display:block;flex-shrink:0}.cert-badge{background:#f90;color:#fff;font-family:Dosis,sans-serif;font-size:1.1em;font-weight:700;padding:2px 9px;border-radius:3px;letter-spacing:.03em;white-space:nowrap}.tech-tags{display:flex;flex-wrap:wrap;gap:5px}.tech-tags span{background:#00000012;font-family:Dosis,sans-serif;font-size:1.15em;font-weight:500;padding:2px 9px;border-radius:3px}.tech-tools-row{display:flex;flex-wrap:nowrap;justify-content:space-around;padding:12px 14px;border-radius:8px;background:#ffffffb3;border:1px solid rgba(0,0,0,.09)}.tech-tools-row .tool-item{display:flex;flex-direction:column;align-items:center;gap:5px}.tech-tools-row .tool-item img{display:block}.tech-tools-row .tool-item span{font-family:Dosis,sans-serif;font-size:1.1em;font-weight:500;color:#0000008c}.degrees{display:flex;gap:32px;width:500px}.degrees p{flex:1;margin-bottom:0;white-space:nowrap}@media(max-width:768px){h2{font-size:8vw;margin-bottom:8px}p{font-size:1.5em}.content{width:100%;margin:0;padding:0}.content-text{float:none;width:100%}.slide{left:20px;right:20px;top:70px;width:auto}.slide[data-slide="1"],.slide[data-slide="2"],.slide[data-slide="3"],.slide[data-slide="4"],.slide[data-slide="5"]{top:120px}.degrees{flex-direction:column;width:100%;gap:4px}.degrees p{white-space:normal}.mypagination{display:none}.layer-object{z-index:2}.logo{width:320px;inset:auto auto 40px 58%;transform:translate(-50%)}.musicbox{width:620px;inset:auto auto -60px 58%;transform:translate(-50%)}.webdesign{width:340px;inset:auto auto 30px 58%;transform:translate(-50%)}.facts{width:500px;inset:auto auto 20px -30px}.poster{width:240px;inset:auto -40px 20px auto;z-index:3}.diagram{width:240px;inset:auto auto 40px 30px;box-shadow:none}.report{width:190px;inset:auto -10px 40px auto}.tech-stack{position:absolute;inset:auto 12px 60px;transform:none;width:auto;z-index:2}.cloud-row{gap:10px}.cloud-card{padding:12px 14px}.cloud-header img{height:32px!important}.cert-badge{font-size:1em;padding:2px 8px}.tech-tags span{font-size:1.05em;padding:2px 7px}.tech-tools-row{flex-wrap:wrap;justify-content:space-around;gap:10px 4px;padding:10px 8px}.tech-tools-row .tool-item{flex:0 0 18%}.tech-tools-row .tool-item img{width:38px!important;height:38px!important}.tech-tools-row .tool-item span{font-size:1em}}