#apple{background-image:url(assets/img/apple.png);background-size:contain;background-repeat:no-repeat;width:25px;height:30px;margin:0 10px 10px 10px}#apple-basket{margin-top:.5vh}
#competences{display:flex;flex-wrap:wrap;justify-content:center;max-width:800px;margin:0 auto}.vintage-modal{background:#f0c8a0;border:1px solid #143c50}.competence{display:flex;background:#f0c8a0;border:1px dotted #143c50;color:#143c50;font-family:monospace,sans-serif;font-size:18px;font-weight:bolder;padding:4px 6px 2px;margin-right:5px;margin-top:5px}.competence-technologies{color:#143c50;font-family:Satisfy,sans-serif;font-size:18px;width:92%;font-weight:bolder;margin:0 auto;display:grid;grid-template-columns:30% 14% 14% 14% 14% 14%;grid-template-rows:1fr;gap:0 0;grid-template-areas:". . . . . .";align-items:left}.competence-technologies .col{margin:auto 0;margin-bottom:25px}.modal-dialog{max-width:95%}.modal-body{padding:0}.modal-lg{max-width:800px}.competence-title{margin:auto 0;margin-bottom:25px}.header{margin-bottom:30px;height:100px;border-bottom:1px solid}@media only screen and (max-width:1000px){.competence-technologies{font-size:15px}}.header .col{transform:rotate(-30deg)}.competence-header-name{transform:translateY(50%)!important}.competence-technologies .name{grid-row:1;grid-column:1}.competence-technologies .one{grid-row:1;grid-column:2}.competence-technologies .two{grid-row:1;grid-column:3}.competence-technologies .three{grid-row:1;grid-column:4}.competence-technologies .four{grid-row:1;grid-column:5}.competence-technologies .five{grid-row:1;grid-column:6}.competence span{margin:0 auto}.competence:hover{cursor:pointer}
@font-face{font-family:Satisfy;font-style:normal;font-weight:400;src:local('Satisfy Regular'),local('Satisfy-Regular'),url(https://fonts.gstatic.com/s/satisfy/v11/rP2Hp2yn6lkG50LoCZOIHQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Six Caps';font-style:normal;font-weight:400;src:local('Six Caps'),local('SixCaps'),url(https://fonts.gstatic.com/s/sixcaps/v11/6ae_4KGrU7VR7bNmaYcV_3Q.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{height:100%}body{height:100%;background-color:#0b3143}#github{background-image:url(assets/img/github.png);height:25px;width:25px;background-size:contain;background-repeat:no-repeat;margin-left:10px}#linkedin{background-image:url(assets/img/linkedin.png);height:25px;width:25px;background-size:contain;background-repeat:no-repeat}#tv{background-image:url(assets/img/old-tv.png);min-width:720px;min-height:410px;background-size:contain;background-repeat:no-repeat}#screen{margin-left:-114px;margin-top:37px;height:300px;width:420px;border-radius:3px}#gameboy{background-image:url(assets/img/gameboy.png);width:500px;height:740px;background-size:contain;background-repeat:no-repeat;background-position:center}#mobile-screen{margin-left:-1px;margin-top:75px;height:360px;width:360px;border-radius:3px}#mobile-left{left:9px}#mobile-right{left:194px}.mobile-horizontal{width:105px;height:78px;top:87px}#mobile-up{top:-5px}#mobile-down{top:157px}.mobile-vertical{height:100px;width:80px;left:114px}#mobile-space{opacity:.8;border-radius:50%;left:338px;top:73px;width:105px;height:105px}.modal-completed-content{color:#0b3143;font-family:Satisfy,sans-serif;font-size:21px;width:92%;text-align:center;margin:0 auto;padding:20px}.modal-completed-content h1{margin:0 auto;width:100%;margin-bottom:10px}.me{height:100px;width:100px;border:2px solid;margin-bottom:10px;border-radius:50%}.modal-completed-content button{font-family:Arial,Helvetica,sans-serif}.modal-header-completed{margin-top:15px;margin-bottom:15px;flex-wrap:wrap}.mobile-controls{position:relative}.touch-button{position:absolute}.title{margin-top:50px}.vintage-span{color:#e6c8a0;display:block;font-family:Satisfy,cursive;font-size:23px}.modal-footer,.modal-header{border-bottom:0;border-top:0}.modal-footer{margin:0 auto}.carousel-control-next-icon,.carousel-control-prev-icon{color:#000}.blink{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:0}}.box{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:2vh}.main-container{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:9.5fr 1fr;gap:0 0;grid-template-areas:"." "."}.body-row{grid-row:1}.footer-row{margin-bottom:3vh}.vertical-flex{flex-direction:column}.game-container{margin-top:30px}.vintage{font-family:'Six Caps',sans-serif;font-size:120px;letter-spacing:15px;line-height:1;margin:0;position:relative;min-width:720px}.span-small{margin:0;font-size:18px}#instruction{margin-top:12px}#about{max-width:800px;margin:0 auto;margin-top:20px;display:flex;justify-content:center}#about div{width:50%}@media only screen and (max-width:800px) and (pointer:coarse){.vintage{font-size:20vw;letter-spacing:.8vw;line-height:1;min-width:100%}#github{width:4vw;height:4vw}.title{margin-top:1vh}.span-small,.vintage-span{font-size:4.2vw}#gameboy{width:368px;height:560px}#mobile-screen{height:270px;width:270px;margin-left:-1px;margin-top:59px}#mobile-left{left:1px}#mobile-right{left:138px}.mobile-horizontal{width:80px;height:58px;top:65px}#mobile-up{top:-5px}#mobile-down{top:118px}.mobile-vertical{height:75px;width:58px;left:81px}#mobile-space{left:252px;top:56px;width:77px;height:77px}}@media only screen and (max-width:600px) and (pointer:coarse){.span-small,.vintage-span{font-size:4.2vw}#gameboy{width:330px;height:422px}#mobile-screen{height:200px;width:200px;margin-left:-1px;margin-top:46px}#mobile-left{left:29px}#mobile-right{left:132px}.mobile-horizontal{width:59px;height:44px;top:49px}#mobile-up{top:-5px}#mobile-down{top:89px}.mobile-vertical{height:59px;width:44px;left:88px}#mobile-space{left:215px;top:42px;width:60px;height:60px}}@media only screen and (max-width:425px){#gameboy{width:320px;height:480px}#mobile-screen{height:230px;width:230px;margin-left:-2px;margin-top:52px}#mobile-left{left:4px}#mobile-right{left:122px}.mobile-horizontal{width:68px;height:51px;top:54px}#mobile-up{top:-5px}#mobile-down{top:100px}.mobile-vertical{height:65px;width:50px;left:72px}#mobile-space{left:219px;top:47px;width:65px;height:65px}}@media only screen and (max-width:385px){#gameboy{width:300px;height:430px}#mobile-screen{height:210px;width:210px;margin-left:-2px;margin-top:47px}#mobile-left{left:10px}#mobile-right{left:116px}.mobile-horizontal{width:61px;height:45px;top:44px}#mobile-up{top:-12px}#mobile-down{top:85px}.mobile-vertical{height:60px;width:45px;left:71px}#mobile-space{left:201px;top:36px;width:60px;height:60px}}@media only screen and (max-width:350px){#gameboy{width:230px;height:350px}#mobile-screen{height:170px;width:170px;margin-left:-1px;margin-top:35px}#mobile-left{left:1px}#mobile-right{left:87px}.mobile-horizontal{width:50px;height:37px;top:39px}#mobile-up{top:-5px}#mobile-down{top:72px}.mobile-vertical{height:48px;width:36px;left:51px}#mobile-space{left:157px;top:33px;width:50px;height:50px}}@media screen and (orientation:landscape) and (max-width:1100px) and (pointer:coarse){.main-container{visibility:collapse!important}.mobile-landscape-unsupported{visibility:visible!important;position:absolute;width:100%;text-align:center}.landscape-message:after{content:"Landscape mode not (yet) supported please turn your device"}.vintage-span{font-size:4vw!important}body{height:50%;overflow:hidden}}.vintage-container{display:inline-block;margin:25px auto 40px}.vintage-top{background:linear-gradient(#f0dcc8,#e6c8a0);-webkit-background-clip:text;background-clip:text;position:absolute;z-index:1;-webkit-text-fill-color:transparent;text-fill-color:transparent}.vintage-bot{text-shadow:2px 1px #550a00,4px 2px #5a0f05,6px 4px #64140f,8px 5px #691914,10px 6px #6e1e19,12px 7px #731e1e,14px 8px #781e23,16px 9px #000,18px 10px #000,20px 11px #000,22px 12px #000,24px 13px #000,28px 14px rgba(0,0,0,.9),30px 15px rgba(0,0,0,.7),32px 16px rgba(0,0,0,.5),34px 17px rgba(0,0,0,.3),36px 18px rgba(0,0,0,.1),40px 20px rgba(0,0,0,.1)}.invisible{display:none}