.img {
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   border: 1px solid #333;
  }


  .md-typeset .grid {
    grid-gap: .4rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    margin: 1em 0
}

.md-typeset .grid.cards>:-webkit-any(ul, ol) {
    display: contents
}

.md-typeset .grid.cards>:-moz-any(ul, ol) {
    display: contents
}

.md-typeset .grid.cards>:is(ul, ol) {
    display: contents
}

.md-typeset .grid.cards>:-webkit-any(ul, ol)>li,
.md-typeset .grid>.card {
    border: .05rem solid var(--md-default-fg-color--lightest);
    border-radius: .1rem;
    display: block;
    margin: 0;
    padding: .8rem;
    -webkit-transition: border .25s, box-shadow .25s;
    transition: border .25s, box-shadow .25s
}

.md-typeset .grid.cards>:-moz-any(ul, ol)>li,
.md-typeset .grid>.card {
    border: .05rem solid var(--md-default-fg-color--lightest);
    border-radius: .1rem;
    display: block;
    margin: 0;
    padding: .8rem;
    -moz-transition: border .25s, box-shadow .25s;
    transition: border .25s, box-shadow .25s
}

.md-typeset .grid.cards>:is(ul, ol)>li,
.md-typeset .grid>.card {
    border: .05rem solid var(--md-default-fg-color--lightest);
    border-radius: .1rem;
    display: block;
    margin: 0;
    padding: .8rem;
    transition: border .25s, box-shadow .25s
}

.md-typeset .grid.cards>:-webkit-any(ul, ol)>li:-webkit-any(:focus-within, :hover),
.md-typeset .grid>.card:-webkit-any(:focus-within, :hover) {
    border-color: #0000;
    box-shadow: var(--md-shadow-z2)
}

.md-typeset .grid.cards>:-moz-any(ul, ol)>li:-moz-any(:focus-within, :hover),
.md-typeset .grid>.card:-moz-any(:focus-within, :hover) {
    border-color: #0000;
    box-shadow: var(--md-shadow-z2)
}

.md-typeset .grid.cards>:is(ul, ol)>li:is(:focus-within, :hover),
.md-typeset .grid>.card:is(:focus-within, :hover) {
    border-color: #0000;
    box-shadow: var(--md-shadow-z2)
}

.md-typeset .grid.cards>:-webkit-any(ul, ol)>li>hr,
.md-typeset .grid>.card>hr {
    margin-bottom: 1em;
    margin-top: 1em
}

.md-typeset .grid.cards>:-moz-any(ul, ol)>li>hr,
.md-typeset .grid>.card>hr {
    margin-bottom: 1em;
    margin-top: 1em
}

.md-typeset .grid.cards>:is(ul, ol)>li>hr,
.md-typeset .grid>.card>hr {
    margin-bottom: 1em;
    margin-top: 1em
}

.md-typeset .grid.cards>:-webkit-any(ul, ol)>li>:first-child,
.md-typeset .grid>.card>:first-child {
    margin-top: 0
}

.md-typeset .grid.cards>:-moz-any(ul, ol)>li>:first-child,
.md-typeset .grid>.card>:first-child {
    margin-top: 0
}

.md-typeset .grid.cards>:is(ul, ol)>li>:first-child,
.md-typeset .grid>.card>:first-child {
    margin-top: 0
}

.md-typeset .grid.cards>:-webkit-any(ul, ol)>li>:last-child,
.md-typeset .grid>.card>:last-child {
    margin-bottom: 0
}

.md-typeset .grid.cards>:-moz-any(ul, ol)>li>:last-child,
.md-typeset .grid>.card>:last-child {
    margin-bottom: 0
}

.md-typeset .grid.cards>:is(ul, ol)>li>:last-child,
.md-typeset .grid>.card>:last-child {
    margin-bottom: 0
}

.md-typeset .grid>* {
    margin-bottom: 0;
    margin-top: 0
}

.md-typeset .grid>:-webkit-any(.admonition, details) {
    margin-bottom: 0;
    margin-top: 0
}

.md-typeset .grid>:-moz-any(.admonition, details) {
    margin-bottom: 0;
    margin-top: 0
}

.md-typeset .grid>:is(.admonition, details) {
    margin-bottom: 0;
    margin-top: 0
}

.md-typeset .grid>.highlight>*,
.md-typeset .grid>.highlighttable,
.md-typeset .grid>pre {
    margin-bottom: 0;
    margin-top: 0
}

.md-typeset .grid>.highlight>pre:only-child,
.md-typeset .grid>.highlight>pre>code,
.md-typeset .grid>.highlighttable,
.md-typeset .grid>.highlighttable>tbody,
.md-typeset .grid>.highlighttable>tbody>tr,
.md-typeset .grid>.highlighttable>tbody>tr>.code,
.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight,
.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre,
.md-typeset .grid>.highlighttable>tbody>tr>.code>.highlight>pre>code {
    height: 100%
}

.md-typeset .grid>.tabbed-set {
    margin-bottom: 0;
    margin-top: 0
}



.kaka {
    width: 50%;
    margin: 5px;
    float: right;
}


.md-header__button.md-logo :is(img, svg) {
  height: 2rem;
}

.md-header__title {
  font-size: 1.2rem;
}



#kaka { 
    background: url(background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

.ml-input {
    border:1px solid black;
    border-radius: 2px;
    width:20rem;
    height:1.2rem; 
}
.ml-search{
    inset-inline-start: px2rem(-44px);
    width: px2rem(40px);
    height: px2rem(40px);
    overflow: hidden;
    background-color: var(--md-default-bg-color);
    border-radius: px2rem(20px);
}

/* Header image on normal pages */
.ml-header-image {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.ml-person-image {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}