@font-face{font-family:"Manrope";src:url("/fonts/Manrope.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--color-primary: #454545;--color-secondary: #785964;--color-surface: #FFFFFF;--color-muted: #D5C7BC;--color-x: #93B7BE;--font-body: "Manrope", sans-serif}*{margin:0;padding:0;font-family:var(--font-body);color:var(--color-primary)}header{background-color:var(--color-secondary);display:flex;gap:60px;padding:20px 0 5px 0;justify-content:center}header #nav-header{font-weight:bold;color:var(--color-surface)}p{margin:15px 0;font-size:18px;text-align:justify}ul,ol{margin:10px 35px;font-size:18px}h3{margin:45px 0 15px 40px;font-size:20px}table{margin:25px 45px;display:block;overflow-x:auto;border-collapse:collapse;font-size:18px}table tbody tr+tr{border-top:1px var(--color-muted) solid}table tbody th+th,table tbody td+td{border-left:1px var(--color-muted) solid}table tr td{padding:4px 7px}body{background-color:var(--color-surface)}main{max-width:960px;margin:auto;padding:60px 0}h1{font-size:50px}@media (max-width: 960px){p{text-align:justify;font-size:16px}table{margin:10px 0;font-size:16px}main{margin:0 20px;padding:30px 0}ul,ol{font-size:16px}h1{font-size:30px}h3{margin:25px 0 10px 30px}}#locket{display:flex;flex-flow:row;gap:50px}#locket img{width:300px;height:300px;border-radius:999px;object-fit:cover}#locket h1{padding-bottom:15px;color:var(--color-primary)}#locket p{margin:15px 0}.index-block{margin:80px 0}.index-block h2{font-size:35px}.index-block .contacts-grid{margin:20px 0 0 50px;display:flex;font-size:16px;line-height:170%}.index-block .contacts-grid .contacts-grid-left{border-right:1px var(--color-muted) solid;text-align:right;padding-right:15px}.index-block .contacts-grid .contacts-grid-right{padding-left:15px}.index-block .contacts-grid .contacts-grid-right a,.index-block .contacts-grid .contacts-grid-right a:visited{font-weight:bold}.index-block .contacts-grid .contacts-grid-right a:hover{color:var(--color-secondary)}.index-block .image-gallery{display:flex;justify-content:space-between;border-radius:70px;overflow:hidden}.index-block .image-gallery .photo-wrapper{flex:1}.index-block .image-gallery img{display:block;width:100%;height:350px;object-fit:cover}.index-block .image-gallery .photo-1{clip-path:polygon(0 0, 100% 0, 80% 100%, 0 100%)}.index-block .image-gallery .photo-2{clip-path:polygon(20% 0, 100% 0, 80% 100%, 0 100%);margin:0 -60px}.index-block .image-gallery .photo-3{clip-path:polygon(20% 0, 100% 0, 100% 100%, 0 100%)}@media (max-width: 960px){#locket{flex-flow:column;flex-direction:column-reverse;align-items:center}.index-block{margin:40px 0}.index-block h2{font-size:20px}.index-block .contacts-grid{font-size:15px;margin:15px 0 0 0}.index-block .image-gallery img{height:150px}.index-block .image-gallery .photo-2{margin:0 -20px}}section{margin:0 50px}section h1{padding-bottom:15px;color:var(--color-primary)}section h2{margin-top:25px;margin-bottom:5px}@media (max-width: 960px){section{margin:0 0}}.notes-layout{display:flex;gap:30px}.notes-layout h2{margin-top:25px;margin-bottom:5px}.notes-layout .notes-sidebar{display:flex;flex-flow:column;gap:20px;width:200px}.notes-layout .notes-sidebar h2 a{text-decoration:none}.notes-layout .notes-sidebar nav{display:flex;flex-flow:column;gap:5px;margin-bottom:30px}.notes-layout .notes-sidebar nav a,.notes-layout .notes-sidebar nav a:visited{text-decoration:none}.notes-layout .notes-sidebar nav a:hover{color:var(--color-secondary)}.notes-layout .notes-content{width:760px}@media (max-width: 960px){.notes-layout{flex-flow:column}.notes-layout h1{padding-bottom:10px}.notes-layout .notes-sidebar h2{font-size:20px}.notes-layout .notes-content{width:auto}}header nav{display:flex;gap:30px}header nav a,header nav a:visited{text-decoration:none;color:var(--color-surface);border-bottom:1px var(--color-secondary) solid;padding:0 10px 14px 10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}header nav a:hover{border-bottom:1px var(--color-surface) solid}header .nav-mobile-block{display:flex;justify-content:space-around}header .nav-toggle{display:none;width:32px;height:24px;padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer;position:relative}header .nav-toggle span{position:absolute;left:0;width:100%;height:2px;background:var(--color-surface);transition:transform .25s ease,opacity .25s ease,top .25s ease}header .nav-toggle span:nth-child(1){top:2px}header .nav-toggle span:nth-child(2){top:11px}header .nav-toggle span:nth-child(3){top:20px}@media (max-width: 960px){header{flex-flow:column;padding-bottom:15px;gap:15px}header .nav-toggle{display:block}header .nav-mobile-block{width:100%}header nav{display:none;flex-direction:column;gap:10px;padding:10px 30px 0 30px}header nav.open{display:flex}header .nav-toggle.open span:nth-child(1){top:11px;transform:rotate(45deg)}header .nav-toggle.open span:nth-child(2){opacity:0}header .nav-toggle.open span:nth-child(3){top:11px;transform:rotate(-45deg)}}section a{text-decoration:none}section .snippets{margin:30px 0}section .snippet{border-radius:30px;padding:15px 25px;margin:12px 0px}section .snippet .snippet-top{display:flex;align-items:baseline;gap:10px;justify-content:space-between}section .snippet .snippet-bottom{margin-top:4px;font-size:18px}section .snippet:hover{background-color:var(--color-muted)}@media (max-width: 960px){section .snippet{padding:5px 0}section .snippet .snippet-top{flex-flow:column}}