@import url(reset.css);

* {
    box-sizing: border-box;
    
}

html {
    font-size: 62.5;
    width: 100%;
    min-width: 1200px;
}

body {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.0;
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
    color: #ffffff;
}

img {
    max-width: 100%;
}

header,
footer,
main,
section,
.inner {
    /*padding: 20px;*/
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.wrapper {
    height: 100%;
   /* min-height: 100vh;*/
    position: relative;
   /* padding-bottom: 120px;*/
   /* box-sizing: border-box;*/
}


header {
    margin-bottom: 40px;

}

#home {
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-size: 4em;
    font-style: normal;
    font-weight: 800;
    color: transparent;
    line-height: 2.2;
    letter-spacing: .1em;
    text-align: center;
    -webkit-text-stroke: 0.2rem #000000;
}

.profile h2{
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-size: 3em;
    font-style: normal;
    font-weight: 800;
    /*line-height: 2.2;*/
    letter-spacing: .1em;
}




#works {
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-size: 3em;
    font-style: normal;
    font-weight: 800;
    line-height: 2.2;
    letter-spacing: .1em;
    text-align: center;
}

#contact {
    font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
    font-size: 3em;
    font-style: normal;
    font-weight: 800;
    line-height: 2.2;
    letter-spacing: .1em;
    text-align: center;
}

#me {
    text-align: center;
}

main {
    background: #7bb8ff;
    /*padding-bottom: 120px;*/
    box-sizing: border-box;
}

#fullsentering section .inner {
    /*width: 100%;
    /*height: 800px;*/
   /* margin: auto;*/
    background: white;
}
section:not(#section_1) {
    padding-top: 75px;
    padding-bottom: 75px;
}

#section_1 {
    width: 100%;
    height: 70vh;
    padding: 4rem 0 8rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background: radial-gradient(circle, #7dbaff 0%, #34519b 50%);
    overflow: hidden;
}

#section_2 {
    background: #90caf9;
    background-image: url("huji.png");
    /*background-position:center bottom; */
   background-size:contain;                                  
    width:100%;                                            
   /* height:400px;   */
    background-color:rgba(255, 255, 255, 0.4);
    background-blend-mode:lighten;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.profile {
display: flex;

}
.pro {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.profile li + li {
    margin-top: 1em;
}

.myskills {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.pro ul {
    width: 100%;
}

ul {
    list-style: none;
  }
.pro,.myskills{
    width: 50%;
    
}

.back,.front {
    width: 50%;
}

.myskills #skills  {
    width: 100%;
}
#profile {
    width: 100%;
}

#section_3 {
   /* background: #93f2ff;*/
   background: rgb(0,3,36);
   background: linear-gradient(73deg, rgba(0,3,36,1) 0%, rgba(25,130,213,1) 26%, rgba(0,194,255,1) 100%);
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

#global-nav {
    width: 100%;
    /*height: 800px;*/
    margin: auto;
    padding: 0;
    position: fixed;
}

#global-nav ul{
    display: flex;
    list-style-type: none;
    padding: 0;
}

#global-nav li{
    width: 25%;
}

#global-nav li + li{
    border-left: 1px solid rgb(2, 141, 255);
}

#global-nav li a{
    display: block;
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 18px;
    padding: 1em;
    /*background: rgb(100, 174, 243);*/
    background: rgb(0,3,36);
    background: rgb(0,3,36);
background: linear-gradient(73deg, rgba(0,3,36,1) 0%, rgba(0,0,0,1) 00%, rgba(0,0,0,1) 0%, rgba(15,105,255,1) 18%, rgba(255,255,255,1) 100%, rgba(255,255,255,1) 100%);
}

#global-nav li a:hover {
    background: rgb(45, 138, 192);
    text-decoration: none;
}

#content-four-col {
    background: #9ecbff;
    width: 1000px;
    height: 800px;
    margin: auto;
}

#content-four-col .inner{
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
}

#content-four-col .thumbnail{
    width: 200px;
}

#content-four-col .thumbnail:nth-of-type(n + 2){
    margin-left: 50px;
}
#content-four-col .thumbnail:nth-of-type(4n + 5){
    margin-left: 0;
}

#content-four-col .thumbnail:nth-of-type(n + 5){
    margin-top: 50px;
}


footer{
    /*width: 100%;*/
    background-color:#5ba3f6;
    color: #000000;
    text-align: center;
    padding: 15px 0;
    /*position: absolute;*/
    bottom: 0;
}