/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {--vh: 100dvh}

/* Regles */

.mobile{display:none !important}

/* Typographie */

@font-face{
    font-family:"unica";
    src:url('Unica77LL-Regular.otf');
    font-weight:400;
    font-style:normal;
}

p{
  font-size:0.7em; 
  line-height:1.14em;
  letter-spacing:0.04em;
}

a{
  text-decoration:none;
  color:black;
}
#text-block a:hover{color:lightgrey}
.lien{
  text-decoration:underline;
  color:blue;
}

span{padding-right:1.4em;}

/* Structure */

html{font-size: 100%}
body {
  width:100vw; 
  height:var(--vh);
  display:table;
  font-family:"unica";
  padding:20px;
  background-color:rgb(244, 242, 242);
}
#header{
  display:table-row;
  width:100%;
  height:30%;
}
#header-block{
  display:table;
  width:100%;
}
#header p{
  display:table-cell;
  text-align:right;
  vertical-align:top;
  width:auto;
}
#text{
  display:table-row;
}
#text-block{
  display:table-cell;
  vertical-align:bottom;
}
#text-block p{width:calc(50% - 10px)}
#portfolio{
  display:table-row;
  text-align:center;
  height:30%;
}
#portfolio-block{
  display:table-cell;
  vertical-align:middle;
}

/* Image */

.logo{
  display:table-cell;
  height:2em;
  width:auto;
}

/* Media querries */

@media screen and (max-width:740px){
  .desktop{display:none}
  .mobile{display:block !important}
  
  p{font-size:0.6em}
  #text-block p{width:auto}

  .logo{height:1.7em}
}