logo body{
width:250px;
height:1500px;
position:relative;
top:-25px;
left:0px;
}


.logo {
top:320px;
    width: 400px; /*吹き出しの横幅を指定*/
     height:380px;
    background: rgb(255,125,64); /*背景色*/
    position: relative;/*三角形の表示位置の基準として指定*/
}
.logo:after {
    content: ""; /*疑似要素では必ず書く*/
    width: 0; /*横幅を0に。*/
    height: 0; /*縦幅を0に。*/

/*~pxで三角形の底辺*/
    border: 200px solid transparent; /*透明のボーダーを作成*/

/*border~で三角形の底辺を指定*/
/*~pxで三角形の高さを指定*/
    border-bottom:250px solid rgb(64,108,192); 

position: absolute; /*表示位置を設定するために指定*/
left: 0px ;/* 左から50pxのところから左に0pxずれたところ*/
 bottom: 420px;/* 上から50pxのところから左に0pxずれたところ*/
}