@font-face{font-family:"Nunito";src:url(/static/media/Nunito-Regular.d2e691bc.ttf)}@font-face{font-family:"Oswald";src:url(/static/media/Oswald-Regular.e1996192.ttf)}html{scroll-behavior:smooth}body{margin:0;font-family:"Oswald"}*,:after,:before{box-sizing:border-box}.fadeInButton{position:relative;width:100px;font-size:22px;padding:4px 5px 7px;text-align:center;cursor:pointer;color:#fff}.fadeInButton .text{position:relative;z-index:10}.fadeInButton:after,.fadeInButton:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:transform .2s ease-in}.fadeInButton:after{border:2px solid #003c70;transform:translate(4px,-4px)}.fadeInButton:before{background-color:#44a5ff;transform:translate(-4px,4px)}.fadeInButton:hover:after,.fadeInButton:hover:before{transform:translateX(0)}.hoverableLogo{position:relative;width:100px;height:100px;display:flex;justify-content:center;flex-direction:column;text-align:center;font-size:21px}.hoverableLogo .text{position:relative;z-index:10;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hoverableLogo:after,.hoverableLogo:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;transition:transform .2s ease-in}.hoverableLogo:after{transform:rotate(45deg) translate(-5px,5px);border:3px solid #003c70}.hoverableLogo:before{transform:rotate(45deg) translate(5px,-5px);background-color:#44a5ff}.hoverableLogo:hover:after,.hoverableLogo:hover:before{transform:rotate(45deg)}.sectionThemedDot{width:20px;height:20px;background-color:#44a5ff;margin:20px auto 0;border-radius:50%}.sectionThemedDot:nth-child(2){margin-top:45px}.sectionThemedDot:nth-child(3){transform:scale(.8)}.sectionThemedDot:nth-child(4){transform:scale(.6)}.sectionThemedDot:nth-child(5){transform:scale(.4)}.sectionTitle{margin:25px 35px 25px 25px;width:100px}.sectionItems{padding:20px 10px 10px;display:flex;flex-wrap:wrap;flex-direction:row;width:calc(100% - 140px)}.myName{min-height:100vh;width:50vw;display:flex;justify-content:center;flex-direction:column}.myName .nameContainer{font-size:90px;color:#000;background-color:#fff;font-weight:700;width:75%;padding:20px 20px 20px 50px;box-shadow:0 0 3px -1px rgba(0,0,0,.3)}.myName .nameContainer .name{line-height:1.1em}.myName .nameContainer .subName{color:#888;padding-left:3px;font-size:25px}.mainTiles{width:50%;min-height:100vh;display:flex;justify-content:center;flex-direction:column;overflow:hidden}.mainTiles .tilesContainer{margin:0 auto;display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(3,100px)}.mainTiles a{text-decoration:none}.mainTiles .tile{position:relative;width:90px;height:90px;display:flex;justify-content:center;flex-direction:column;text-align:center;font-size:20px;color:#333;cursor:pointer;margin:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:color .1s ease-in}.mainTiles .tile .text{position:relative;z-index:10}.mainTiles .tile:after{content:"";transform:rotate(45deg);position:absolute;left:0;top:0;width:100%;height:100%;border:3px solid #000;background-color:hsla(0,0%,100%,.3);transition:background-color .2s ease-in,border-color .2s ease-in}.mainTiles .myWorkTile{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3;margin:5px;width:190px;height:190px;font-size:35px}.mainTiles .myWorkTile:hover{color:#fff}.mainTiles .myWorkTile:hover:after{border-color:#003c70;background-color:#44a5ff}.mainTiles .blogTile{transform:translate(-111px,-20px)}.mainTiles .blogTile:hover{color:#fff}.mainTiles .blogTile:hover:after{background-color:#ffbe44;border-color:#27032c;background-color:#b716bd}.mainTiles .facebookTile{transform:translate(120px,-10px)}.mainTiles .facebookTile:hover{color:#fff}.mainTiles .facebookTile:hover:after{border-color:#00213d;background-color:#3b5998}.mainTiles .contactTileLink{transform:translate(10px,-30px);grid-column-start:3;grid-column-end:5;grid-row-start:2;grid-row-end:4}.mainTiles .contactTile{margin:5px;width:190px;height:190px;font-size:35px}.mainTiles .contactTile:hover{color:#fff}.mainTiles .contactTile:hover:after{border-color:#174704;background-color:#06ad38}.myWorkView{min-height:100vh;width:100%;padding:20px;display:flex;align-items:flex-start}.myWorkView .blogWork .workImage{background-image:url(/static/media/aboutMeBck.1966c8ee.jpg)}.myWorkView .zKlasaWork .workImage{background-image:url(/static/media/2.915ecd37.jpg)}.myWorkView a{text-decoration:none}.myWorkView .myWorkItem{width:calc(50% - 40px);min-height:250px;margin:20px;border-radius:10px;overflow:hidden;box-shadow:0 0 4px -1px rgba(0,0,0,.4);display:flex}.myWorkView .myWorkItem .workImage{background-size:cover;width:300px}.myWorkView .myWorkItem .workDescription{width:calc(100% - 300px);padding:10px;display:flex;flex-direction:column}.myWorkView .myWorkItem .workDescription .workTitle{font-size:25px;border-left:3px solid #44a5ff;padding:1px 0 2px 5px}.myWorkView .myWorkItem .workDescription .workContent{font-family:"Oswald";flex:1 1;font-size:18px}.myWorkView .myWorkItem .workDescription .workButtons{margin:5px;width:100%;display:flex;padding-right:10px;justify-content:flex-end}.myWorkView .myWorkItem .workDescription .workButtons .fadeInButton{align-self:flex-end}.myWorkView .miniSectionTitle{display:none;font-size:25px;background-color:#44a5ff;color:#fff;padding:5px 10px 8px;border-radius:3px;margin-bottom:5px}.myWorkView .hoverableLogo:after{border:3px solid #003c70}.myWorkView .hoverableLogo:before,.myWorkView .sectionThemedDot{background-color:#44a5ff}.myWorkView .fadeInButton:after{border:2px solid #003c70}.myWorkView .fadeInButton:before{background-color:#44a5ff}@media only screen and (max-width:1450px){.myWorkView .sectionItems .workImage{width:250px}.myWorkView .sectionItems .workDescription{width:calc(100% - 250px)}}@media only screen and (max-width:1200px){.myWorkView .sectionItems .myWorkItem{width:calc(100% - 40px)}.myWorkView .sectionItems .workImage{width:320px}.myWorkView .sectionItems .workDescription{width:calc(100% - 320px)}}@media only screen and (max-width:956px){.myWorkView .miniSectionTitle{display:block}.myWorkView .sectionTitle{display:none}.myWorkView .sectionItems{width:100%;padding:0}.myWorkView .sectionItems .myWorkItem{width:100%;margin:10px 0}}@media only screen and (max-width:767.97px){.myWorkView .sectionItems .myWorkItem{flex-direction:column}.myWorkView .sectionItems .myWorkItem .workImage{width:100%;height:200px}.myWorkView .sectionItems .myWorkItem .workDescription{width:100%}}.app{min-height:200vh}.app .startView{background-image:url(/static/media/mainBck.6c418e8f.jpg);width:100%;min-height:100vh;background-size:cover;background-position:50%;box-shadow:0 0 4px -1px rgba(0,0,0,.5);display:flex}.app .photoAuthor{position:absolute;left:25px;bottom:15px;padding:5px;font-size:22px;color:#959595;text-decoration:underline;transition:color .2s ease-in,border-color .2s ease-in}.app .photoAuthor a,.app .photoAuthor a:hover,.app .photoAuthor a:visited{color:inherit}.app .photoAuthor:hover{color:#111}@media only screen and (max-width:987.97px){.app .startView{flex-direction:column;justify-content:center}.app .startView .myName{height:300px;width:100%;min-height:0}.app .startView .mainTiles{padding-top:60px;padding-bottom:60px;width:100%;min-height:0}}@media only screen and (max-width:500px){.app .startView{justify-content:flex-start;padding-top:50px}.app .startView .mainTiles{padding-top:20px;padding-bottom:0}.app .startView .myName{height:250px}.app .startView .myName .nameContainer{padding-right:50px;padding-left:20px;width:85%;font-size:70px}.app .startView .tile:after{transform:none}.app .startView .mainTiles .blank{display:none}.app .startView .mainTiles .tilesContainer{grid-template-columns:repeat(2,50vw);grid-template-rows:repeat(2,105px)}.app .startView .mainTiles .tile{width:100px;height:100px;font-size:20px}.app .startView .mainTiles .myWorkTile{transform:translate(0);grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2;margin-left:auto}.app .startView .mainTiles .blogTile{transform:translate(0);grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2}.app .startView .mainTiles .facebookTile{transform:translate(0);grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;margin-left:auto}.app .startView .mainTiles .contactTileLink{transform:translate(0);grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3}}
/*# sourceMappingURL=main.640c1e63.chunk.css.map */