*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2196f3;--black:#212121;--grey:#757575;--white:#fff;--button-grey:#f5f4fa;--normal-font-size:14px;--middle-font-size:16px;--main-font:"Roboto Slab",sans-serif}body{font-family:var(--main-font);background-image:linear-gradient(120deg,rgba(161,196,253,.5) 0%,rgba(194,233,251,.5) 100%);margin:0 auto}img{max-width:100%;height:auto;display:block}a{color:#212121;z-index:2;margin-right:100px;text-decoration:none;position:relative}header{background-color:#fdc435}.navigation{flex-flow:wrap;justify-content:space-around;font-size:20px;display:flex}.yellow{opacity:.5;max-width:100%;height:auto;display:block;position:absolute;top:0;right:0}.short-description{z-index:5;flex-wrap:wrap-reverse;display:flex}.description{max-width:400px;text-align:left;margin:100px 40px 100px 50px}h1{font-family:var(--main-font);margin-top:50px;margin-bottom:30px;font-size:56px}h2{text-align:center;margin-top:40px;margin-bottom:40px;font-size:36px;-webkit-text-decoration:underline #fdc435;text-decoration:underline #fdc435;position:relative}h3{font-size:30px}.project-link{color:#fff;text-align:center;cursor:pointer;background-color:#fdc435;border-width:1px;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:16px;text-decoration:none;display:inline-block}.project-link:hover{box-shadow:0 5px 10px 1px rgba(253,196,53,.5)}.project-element{text-align:left;max-width:1100px;background-image:linear-gradient(135deg,#fdeb71 10%,#f8d800 100%);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:50px;margin-left:auto;margin-right:auto;display:flex}.project-element:hover{background-image:linear-gradient(120deg,#a1c4fd 0%,#c2e9fb 100%)}.left-side{max-width:400px;justify-content:center;margin-left:20px}.project-title,.about-project{margin-bottom:30px}.project-img{opacity:0;border-radius:10px;transition:opacity 3s ease-in-out}.project-img.animate{opacity:1}.project-img:hover{box-shadow:0 5px 20px 1px rgba(253,196,53,.5)}.contact-box{width:60%;background-color:#f9f9f9;background-image:linear-gradient(135deg,#fdeb71 10%,#f8d800 100%);border:1px solid #ccc;border-radius:10px;flex-direction:column;align-content:center;justify-content:center;margin-bottom:20px;margin-left:20%;padding:20px;display:flex}.contact-box a{color:#333;margin:auto;padding-bottom:10px;font-size:18px;text-decoration:none;display:block}.contacts-div{display:flex}.contact-box:hover{background-image:linear-gradient(120deg,#a1c4fd 0%,#c2e9fb 100%)}.modal{z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{width:80%;perspective:1000px;background-color:#fdc435;background-image:linear-gradient(135deg,#fdeb71 10%,#f8d800 100%);border:1px solid #888;border-radius:20px;flex-flow:wrap;justify-content:center;align-items:center;margin:15% auto;padding:20px;display:flex;position:relative;box-shadow:0 4px 8px #fdc435}span{position:absolute;top:2px;right:10px}.modal-left{width:50%;margin-right:20px}.modal-title{margin-bottom:30px}.modal-img{border-radius:50%;transition:transform .3s,box-shadow .3s}.modal-img:hover{transform:translateZ(30px);box-shadow:0 20px 30px rgba(0,0,0,.3)}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;cursor:pointer;text-decoration:none}footer{height:200px;background-color:#fdc435;position:relative}.text{width:20%;text-align:center;color:#faebd7;background-image:linear-gradient(gold 50%,rgba(0,0,0,0) 50%);background-position:0 0;background-repeat:no-repeat;background-size:100% 200%;border-radius:10px;font-size:26px;transition:background-position .5s ease-in-out;position:absolute;top:80%;left:47%;transform:translate(-50%,-50%)}.text:hover{background-position:0 100%;transition:background-position .5s ease-in-out}@media screen and (max-width:768px){body{margin:0}.name{display:none}nav a{margin-right:50px}.project-element{width:90%}.modal-left{width:80%}.watch{flex-wrap:wrap-reverse}.project-img{margin-bottom:20px}.project-title{margin-top:20px}}.example{color:#2f2f37;max-width:960px;background-color:#fff;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.example code{color:#fff;background-color:#ff6b0a;border-radius:2px;padding:2px 6px;font-family:monospace;font-size:16px;font-weight:700}.example .background{height:240px;background-image:url(logo.268195b3.png);background-position:50%;background-size:cover}
/*# sourceMappingURL=index.4f9f983b.css.map */