::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#121615}::-webkit-scrollbar-thumb{background:#0b3832}::-webkit-scrollbar-thumb:hover{background:#0a2320}body{--theme-blue:#05fdd8;--theme-red:#ff5e84;--theme-background:#132a27;background:#1d1d1d;font-family:Roboto,Sans-serif;margin:0}.d-none{display:none}.d-flex,.d-flex-col{display:flex}.d-flex-col{flex-direction:column}a{text-decoration:none}#about{top:20vh}#about.off{margin-left:-120vw}#about .link{text-align:center;width:100%}.name{font-size:26px;font-weight:600}@media (max-width:860px){#about{color:#c7d9d5;font-size:18px}}.edex-span{border-right:1px solid var(--theme-red);color:#a6b8b3;font-size:16px;font-style:italic;line-height:22px;min-width:160px;padding:10px 10px 10px 0;position:relative;text-align:right;width:160px}.edex-span:after{background-color:var(--theme-red);border:2px solid var(--theme-red);border-radius:50%;content:" ";display:block;height:8px;position:absolute;right:-6px;top:16px;width:8px}.edex-value{font-weight:400;line-height:1;margin-bottom:.3em;padding:10px;width:50%}.edex-title{font-size:28px;margin-bottom:5px}.edex-company{font-size:20px;margin-bottom:5px}.edex-techstack{color:var(--theme-red);display:flex;flex-flow:wrap;font-size:12px;font-weight:400;margin-bottom:5px;padding:5px 0;text-transform:uppercase}.edex-company::marker{margin:0}.edex-content{color:#b2c8c4;font-size:15px;line-height:18px;margin-top:0;padding-left:15px}.edex-content li{padding-top:5px}.edex-image-mobile>img,.edex-image>img{margin-bottom:20px;width:20vw}.edex-image-mobile{display:none}@media (max-width:1200px){.edex-value{width:100%}.edex-image{display:none}.edex-image-mobile{display:block;width:100%}.edex-image-mobile>img{height:auto;max-width:350px;width:100%}}@media (max-width:860px){.edex-span{font-size:14px;min-width:72px;width:72px}.edex-title{font-size:22px}.edex-company{font-size:15px}.edex-techstack{font-size:12px}}#experience.off{margin-left:-120vw}#experience .content-container{margin-top:10px;max-height:65vh;overflow-y:auto}.techstack-item{border:1px solid #d1334d;border-radius:10px;margin-bottom:5px;margin-right:5px;padding:2px 8px}#experience .edex-projectname{margin-top:5px;padding:5px 0}#contact{top:20vh}#contact.off{margin-left:110vw}#contact .content{font-size:22px}.contact-caption{color:#d1d1d1;font-size:1rem;opacity:.8}.contact-container{font-size:18px}.contact-container>.d-flex{margin:5px}.contact-icon{margin:0 5px;position:relative;top:2px}.contact-value{color:#6aafa1;width:60%}.contact-label{width:150px}#contact .link{color:#6aafa1;cursor:"pointer"}#contact .link:hover{color:var(--theme-blue)}@media (max-width:860px){.contact-container{font-size:14px}.contact-label{width:100px}}#education.off{margin-left:120vw}#education .content-container{margin-top:10px;overflow-y:auto}.total-exp{background:#5c0d20;border-radius:15px;color:#c8dfd8;font-size:18px;margin:auto;padding:5px 20px;width:-webkit-fit-content;width:fit-content}#skills.off{margin-left:-120vw}#skills>.content-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}#skills>.content-container>.skill-graph{border:2px solid #2df2d420;margin:20px 5px;min-width:350px;padding:10px 0;text-align:center;width:40%}.graph-container{display:flex;flex-direction:column}.skill-item{align-items:center;display:flex;flex-direction:row}.skill-bar{background:#403d3e;height:20px;position:relative;width:80%}.skill-bar-filled{background:var(--theme-red);height:100%;left:0;position:absolute}.skill-bar-filled .animate{width:90%}.skill-item .title{align-items:center;border-right:1px solid var(--theme-red);color:#a6b8b3;display:flex;font-size:14px;font-style:italic;height:40px;justify-content:flex-end;max-width:20%;min-width:20%;padding:4px 4px 4px 0;position:relative;text-align:right;width:20%}.skill-points{color:#fff;font-style:italic;position:absolute;right:10px}.point-9{transition:width .9s;width:90%}.point-8{transition:width .8s;width:80%}.point-7{transition:width .7s;width:70%}.point-6{transition:width .6s;width:60%}.point-5{transition:width .5s;width:50%}.point-4{transition:width .4s;width:40%}.width-0{width:0!important}#welcome.off{margin-left:-110vw}#welcome .content-container{flex-flow:wrap;font-family:Alfa Slab One,cursive;justify-content:space-around;margin-left:15px}.welcome-content{font-size:4rem}.welcome-name{font-size:5rem;font-weight:600}.welcome-caption{color:#d1d1d1;font-size:1.3rem;opacity:.8}.profile-pic{display:flex}.profile-pic>img{border:5px solid var(--theme-red);border-radius:50%;height:250px;width:250px}.waviy-char{display:inline-block;position:relative;text-transform:uppercase}.waviy-char.animate{animation:waviy .75s infinite;animation-delay:calc(.1s*var(--i))}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}@media (max-width:860px){#welcome .content-container{justify-content:space-between;max-height:77vh}.welcome-content{font-size:35px}.welcome-name{font-size:50px}}#work.off{margin-left:120vw}#work .text{margin-bottom:15px}.work-list{margin-top:10px;max-height:65vh;overflow:auto}.work-list ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media (max-width:860px){#work .text{font-size:15px}}.work-list ul li{overflow:hidden;position:relative;width:20%}.work-list .work-item>img{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.work-list .work-item{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;cursor:pointer;left:0;margin:auto;position:absolute;right:0;top:0;transition:transform .4s,opacity .5s}.work-list .work-item:hover{transform:scale(1.2)}.work-list ul li .work-item-overlay{background:#00000059;color:#fff;font:normal normal 16px/20px Open Sans,Arial,sans-serif;height:100%;opacity:1;position:absolute;text-align:center;transition:opacity .25s ease-out;width:100%;z-index:1}.work-list ul li .work-item-overlay:hover{opacity:0}.work-list ul li a.view-link:hover{opacity:1;transform:scale(.5)}.work-list ul li a.view-link{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQxOTFCQjg4RkJCRjExRTRCMkVDQUU4QTZCRkU3MEU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQxOTFCQjg5RkJCRjExRTRCMkVDQUU4QTZCRkU3MEU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDE5MUJCODZGQkJGMTFFNEIyRUNBRThBNkJGRTcwRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDE5MUJCODdGQkJGMTFFNEIyRUNBRThBNkJGRTcwRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7f5KQ1AAAMJklEQVR42uydAYgU1xnH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) no-repeat 50%;display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.2);transition:all .15s ease-out;width:100%;z-index:9}.work-list ul li:after{content:"";display:block;padding-bottom:100%}@media (max-width:1200px){.work-list ul li{width:25%}}@media (max-width:1000px){.work-list ul li{width:33%}}@media (max-width:660px){.work-list ul li{width:50%}}.work-open{background:#0000009e;display:flex;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:300}.work-open-container{align-items:center;background:#e4e4e4;border-top:10px solid var(--theme-blue);box-shadow:0 3px 10px 10px;display:flex;flex-wrap:wrap;margin:auto;max-width:850px;position:relative;width:85vw;z-index:991}.work-open-content{z-index:993}.word-open-close-btn{cursor:pointer;font-size:22px;position:absolute;right:10px;top:10px}.work-open-container>img{margin:20px;max-width:250px;width:33%}.work-open-right{margin:20px;min-width:300px;width:55%}.work-open-right>.d-flex{align-items:center;justify-content:space-between;margin:15px 0}.work-open-right .title{font-size:30px;font-weight:700}.work-open-right .timespan{background:#bbb;font-size:14px;padding:10px}.work-open-bottom{margin:20px;width:100%}.techstack{color:var(--theme-red);display:flex;flex-flow:wrap;font-size:14px;font-weight:400;margin-bottom:5px;padding:5px 0;text-transform:uppercase}.techstack>.techstack-item{border:2px solid #d1334d;border-radius:10px;margin-bottom:5px;margin-right:5px;padding:2px 8px}.work-btns{display:flex;justify-content:flex-end}.work-btn{align-items:center;background-color:var(--theme-red);border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:15px;justify-content:center;margin:0 10px;padding:5px 12px;transition:background-color .3s,color .3s}.work-btn:hover{background-color:#c82a4f}.work-btn-icon{font-size:25px;margin-left:5px}@media (max-width:800px){.work-open-right{width:100%}.work-open-container>img{height:200px;width:200px}.work-open-container{width:100vw}}@media (max-width:550px){.work-open-right{margin:10px}.work-open-right .title{font-size:25px}.work-open-bottom{margin:10px}.work-open-container{justify-content:center;overflow-y:auto}.techstack{font-size:12px}.techstack>.techstack-item{border:1px solid #d1334d}}#not-found{top:20vh}@media (max-width:860px){#not-found{color:#c7d9d5;font-size:18px}}.menu-bar{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;position:relative;transition:margin .8s;width:300px;z-index:99}.animated{margin-left:-140vw}.menu-bg,.menu-bg-color{height:100%;opacity:.5;position:absolute;top:0;width:100%;z-index:-1}.menu-bg-color{background:var(--theme-background);opacity:1;z-index:-2}.text-svg{cursor:pointer;transition:margin 2.5s}.text-svg>svg{width:100px}.menu-btns{width:100%}.menu-btn{background-color:#181818d9;border-bottom:1px solid #5c6866;color:#909096;cursor:pointer;font-size:1.2rem;padding:12px;text-align:center}.menu-btn:hover{color:var(--theme-red)}.menu-btn.selected{background:var(--theme-background);color:var(--theme-blue)}.btn0{transition:color .3s,margin .5s}.btn1{transition:color .3s,margin .65s}.btn2{transition:color .3s,margin .85s}.btn3{transition:color .3s,margin 1s}.btn4{transition:color .3s,margin 1.15s}.btn5{transition:color .3s,margin 1.3s}.btn6{transition:color .3s,margin 1.5s}.btn7{transition:color .3s,margin 1.6s}.mobile-close-icon{color:#fff;display:none;font-size:28px;height:28px;left:0;opacity:.8;padding:10px;position:absolute;top:0;z-index:10}@media (max-width:860px){.menu-bar{margin-left:-100vw;position:fixed;width:100vw}.menu-bar.showing{margin-left:0}.mobile-close-icon{display:block}}.sea{--size:4;overflow:hidden;transition:margin 3s;width:100%}.sea-animated{margin-top:-500px}.sea .bubble{animation:bubble1-h-movement 1s ease-in infinite,bubble1-v-movement .3s ease-in-out infinite alternate,bubble-scale-movement .3s ease-in-out infinite alternate;background-color:var(--theme-blue)}.sea .bubble,.sea .bubble:after{border-radius:50%;height:7px;opacity:.9;position:absolute;width:7px}.sea .bubble:after{background-color:#6bafca;content:"";height:9px;left:100px;top:-20;width:9px}.sea .circle-wrapper{background:linear-gradient(#063e36,#1d1d1d);height:100vh;overflow:hidden;position:relative;width:100%;z-index:0}.sea .submarine-wrapper{animation:diving 3s ease-in-out infinite,diving-rotate 3s ease-in-out infinite;height:calc(var(--size)*50px);margin:10px;width:calc(var(--size)*50px)}.sea .submarine-wrapper .submarine-body{background-color:#d93a54;background:linear-gradient(#d93a54,#bc243d);border-radius:40px;height:calc(var(--size)*20px);left:25px;margin-top:50px;position:absolute;width:calc(var(--size)*30px)}.sea .submarine-wrapper .submarine-body .light{border-image:linear-gradient(var(--theme-blue),#0000);border-style:solid;border-width:0 30px 120px 35px;clip-path:polygon(50% 0,100% 100%,0 100%);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);height:0;left:99%;position:absolute;top:40px;transform:rotate(-50deg);width:0}.sea .submarine-wrapper .submarine-body .light-source{background-color:#d12844;border-radius:5px;height:13px;left:111px;margin-left:-10px;position:absolute;top:60px;transform:rotate(-50deg);width:20px;z-index:10}.sea .submarine-wrapper .submarine-body .window{background:linear-gradient(#1e4554,#183642);border:3px solid #d93a54;border-radius:50%;height:calc(var(--size)*8px);margin-top:18px;position:absolute;right:18px;width:calc(var(--size)*8px)}.sea .submarine-wrapper .submarine-body .window:after{background-color:initial;border-radius:50%;border-top:3px solid #fff;content:"";height:25px;margin-left:3px;margin-top:3px;opacity:.8;position:absolute;transform:rotate(-45deg);width:25px}.sea .submarine-wrapper .submarine-body .engine{background-color:#a72b3f;border:5px solid #d93a54;border-radius:50%;height:calc(var(--size)*5px);left:calc(var(--size)*3px);margin-top:calc(var(--size)*6px);position:absolute;width:calc(var(--size)*5px)}.sea .submarine-wrapper .submarine-body .engine:after,.sea .submarine-wrapper .submarine-body .engine:before{animation:spin .9s linear infinite;background-color:#fff;border-radius:2px;content:"";opacity:.8;position:absolute}.sea .submarine-wrapper .submarine-body .engine:after{height:4px;top:8px;width:20px}.sea .submarine-wrapper .submarine-body .engine:before{height:20px;left:8px;width:4px}.sea .submarine-wrapper .helix{background-color:#d93a54;background:linear-gradient(#d93a54,#bc243d);border-radius:7px;height:calc(var(--size)*14px);left:0;margin-top:62px;position:absolute;width:calc(var(--size)*6px)}.sea .submarine-wrapper .helix:after{animation:helix-movement .11s linear infinite;background-color:initial;background:linear-gradient(180deg,#d93a54,#d93a54 50%,#e57a8c 0,#e57a8c);background-size:100% 20px;border-radius:3px;content:"";height:calc(var(--size)*11px);margin-left:4px;margin-top:5px;opacity:.8;position:absolute;width:calc(var(--size)*4px)}.sea .submarine-wrapper .hat{background-color:#d93a54;background:linear-gradient(#d93a54,#d72d49);border-radius:10px 10px 0 0;height:22px;left:55px;margin-top:28px;position:absolute;width:60px}.sea .submarine-wrapper .hat .periscope{background-color:#d93a54;border-radius:5px 5px 0 0;height:20px;margin-left:32px;margin-top:-27px;position:absolute;width:7px}.sea .submarine-wrapper .hat .periscope:after,.sea .submarine-wrapper .hat .periscope:before{background-color:#d93a54;border-radius:5px;content:"";height:7px;position:absolute;width:15px}.sea .submarine-wrapper .hat .leds-wrapper{background-color:#d93a54;background:linear-gradient(#b3233a,#a21f35);border-radius:10px;height:13px;left:3px;position:relative;top:7px;width:53px}.sea .submarine-wrapper .hat .leds-wrapper .leds{animation:leds-off .5s linear infinite;background-color:#fff;border-radius:50%;height:5px;margin-left:7px;margin-top:4px;position:absolute;width:5px}.sea .submarine-wrapper .hat .leds-wrapper .leds:after,.sea .submarine-wrapper .hat .leds-wrapper .leds:before{background-color:#fff;border-radius:50%;content:"";height:5px;position:absolute;width:5px}.sea .submarine-wrapper .hat .leds-wrapper .leds:after{margin-left:17px;margin-top:0}.sea .submarine-wrapper .hat .leds-wrapper .leds:before{margin-left:34px;margin-top:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes leds-off{to{opacity:.3}}@keyframes helix-movement{to{background:linear-gradient(180deg,#e57a8c 50%,#e57a8c,#d93a54,#d93a54 0);background-size:100% 20px}}@keyframes diving{0%{margin-top:5px}50%{margin-top:15px}to{margin-top:5px}}@keyframes diving-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}@keyframes bubble1-h-movement{0%{margin-left:80%}to{margin-left:-100%}}@keyframes bubble2-h-movement{0%{margin-left:65%}to{margin-left:-5%}}@keyframes bubble1-v-movement{0%{margin-top:115px}to{margin-top:160px}}@keyframes bubble2-v-movement{0%{margin-top:115px}to{margin-top:90px}}@keyframes bubble-scale-movement{0%{transform:scale(1.4)}to{transform:scale(.9)}}@keyframes light-movement{0%{transform:rotate(-40deg)}50%{transform:rotate(-70deg)}to{transform:rotate(-40deg)}}@media (max-width:860px){.sea{--size:3.5}.sea .submarine-wrapper .submarine-body .light{border-width:0 20px 100px 40px;left:91%;top:45px}.sea .submarine-wrapper .submarine-body .light-source{left:91px;top:58px}.sea .submarine-wrapper .submarine-body .engine:before{height:18px;left:8px;width:3px}.sea .submarine-wrapper .submarine-body .engine:after{height:3px;top:8px;width:18px}.sea .submarine-wrapper .hat{height:20px;left:55px;margin-top:32px;width:50px}.sea .submarine-wrapper .hat .leds-wrapper{height:10px;left:3px;top:5px;width:42px}.sea .submarine-wrapper .hat .leds-wrapper .leds{height:5px;margin-left:7px;margin-top:1px;width:5px}.sea .submarine-wrapper .hat .leds-wrapper .leds:before{margin-left:25px;margin-top:1px}.sea .submarine-wrapper .hat .leds-wrapper .leds:after{margin-left:12px;margin-top:0}.sea .submarine-wrapper .hat .periscope{height:25px;margin-top:-20px;width:5px}.sea .submarine-wrapper .helix{left:5px}}.header{background:#0b352f;border:5px solid var(--theme-red);color:var(--theme-blue);font-size:30px;margin:-40px auto 20px;padding:5px 15px;text-shadow:0 3px 3px #aaa;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.main-view{background:#192220d9;color:#c7d9d5;font-size:20px;left:250px;margin:15px;padding:15px;position:fixed;top:15vh;transition:margin .5s;width:70vw;z-index:80}.highlight{color:var(--theme-red);font-weight:300}.main-view>.content{line-height:30px;margin:20px 5px}.link{color:var(--theme-blue);cursor:pointer;opacity:.8}.link:hover{color:#00ffb5;opacity:1}.content-container{max-height:70vh;overflow-y:auto}.content{margin:15px 5px}.mobile-menu-btn{background:#192220;color:#fff;display:none;font-size:28px;height:28px;left:0;opacity:.8;padding:10px;position:fixed;top:0;z-index:10}@media (max-width:860px){.main-view{left:0;margin:0;top:15vh;width:94vw}.mobile-menu-btn{display:block}.content-container{margin-right:0}}#bubbles{height:100vh;left:10vw;position:fixed;top:0;width:100vw;z-index:50}.bubble{background:var(--theme-blue);border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;height:60px;position:absolute;width:60px}@keyframes moveclouds{0%{top:100vh}to{top:-500px}}@keyframes sideWays{0%{margin-left:0;margin-right:0}to{margin-left:100px;margin-right:-100px}}.x1{-webkit-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;opacity:.2;transform:scale(.9)}.x2{-webkit-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-moz-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-o-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;opacity:.5;right:150px;transform:scale(.6)}.x3{-webkit-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;opacity:.3;right:60%;transform:scale(.8)}.x4{-webkit-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-moz-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-o-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;left:20%;opacity:.35;transform:scale(.75)}.x5{animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-webkit-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-moz-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-o-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;left:70%;opacity:.3;transform:scale(.8)}.x6{animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;-webkit-animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;-moz-animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;-o-animation:moveclouds 9s linear infinite,sideWays 3s ease-in-out infinite alternate;opacity:.9;right:30%;transform:scale(.3)}
/*# sourceMappingURL=main.0ca62f0e.css.map*/